Skip to main content
All CollectionsCampaignsGeneral
Using Embed Code for Easy Embed Placement in Poper
Using Embed Code for Easy Embed Placement in Poper
Karan Bhakuni avatar
Written by Karan Bhakuni
Updated over a month ago

Poper now offers a simplified approach to embedding popups and widgets on your website using custom HTML code. This method eliminates the need for complex CSS targeting, making it easier for users to place embeds precisely where they want them.

Steps to Use Custom HTML Embeds:

Access Your Poper Dashboard:

Log in to your Poper account and navigate to the main dashboard.

Create or Edit an Embed:

Create a new embed or open an existing one that you want to place using custom HTML.

Navigate to Display Conditions:

In the embed editor, locate the "Display Conditions" section on the left-hand side.

Copy the Custom HTML Code:

Within the "Display Conditions" section, you'll find a field labeled "Custom HTML." Copy the code snippet provided in this field.

Paste the Code on Your Website:

Paste the copied HTML code into the desired location on your website's HTML code. This can be done using your website's content management system (CMS) or directly through the HTML editor.

Important Considerations:

  • Placement: Ensure that you paste the code at the exact location where you want the embed to appear.

  • HTML Structure: Be mindful of your website's HTML structure. Avoid pasting the code within elements like forms, buttons, or paragraphs, as this can lead to unexpected behavior.

  • Testing: After pasting the code, thoroughly test your website to ensure the embed is displayed correctly and functions as expected.

By utilizing the custom HTML embed method, you can easily integrate Poper's powerful features into your website, enhancing your marketing efforts and providing a seamless user experience.

Did this answer your question?