How to Implement a Privacy Policy and Cookie Acceptance Pop-up

Modified on Mon, 9 Sep at 6:48 PM

Step 1: Opening the Page Editor

Start by navigating to the funnel or website page where you plan to introduce the pop-up. Click on the "Edit" button to access the page editor. 

Accessing the Page Editor


Step 2: Adding a Custom JS/HTML Element

Once in the page editor, look for the "Add Element" option. 

Add Element

Scroll down until you reach the "Custom" section, then choose "Custom JS/HTML." Drag this element to the top section of your funnel or webpage.


Step 3: Inserting JavaScript Code

Now, click on "Open Code Editor." 

Open Code Editor


Paste the provided JavaScript code into the editor field.


 Paste Code


Step 4: Personalizing the Pop-Up

Inside the code, find the "Editable Options" section. This is where you can customize different elements of the pop-up, such as:

  • Title of the pop-up (e.g., "Do you accept Cookies & Privacy Policy?")

  • The message shown to users

  • The "More Information" link and its title

  • The "Accept Cookies" button title

  • Styling options including color and dimensions

Make sure to only modify the text enclosed within the quotation marks (' ') as noted in the code's comments. For example, to change the pop-up message, locate the appropriate line in the code and replace the default message.

Customizing


Step 5: Saving the Customization

Once you're satisfied with your changes, click "Save" to apply them to your page.


Practical Applications and Examples

  • E-commerce: Use the pop-up to inform customers about how cookies are used to track cart contents and suggest products.

  • Blogs: Clarify that cookies are used to personalize content, ads, and for analytical purposes.

  • Service-Based Websites: Explain how cookies help enhance user experience and improve website functionality.


Troubleshooting and FAQs

  • Why isn't my pop-up displaying? 
    Ensure that the Custom JS/HTML element has been placed at the very top of the page and that all changes have been saved.

  • Can I adjust the position of the pop-up? 
    Yes, you can change the pop-up's position by editing the "popupstylez_index" and other relevant style options in the code.




Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article