Implementing Privacy Policy Cookies Acceptance Pop-up

Step 1: Accessing the Page Editor

  • Navigate to the funnel or website page where you wish to add the pop-up.
  • Click on the "Edit" option to open the page editor.

Image

Step 2: Adding the Custom JS/HTML Element

  • Within the page editor, select "Add Element."

Image

  • Scroll down to the "Custom" category and choose "Custom JS/HTML."
  • Drag and drop this element to the TOP of your funnel or website page.

Step 3: Inserting the Code

  • Choose "Open Code Editor."

Image

  • Paste the provided JavaScript code into the editor.

Image

Step 4: Customizing Your Pop-Up

  • Locate the "Editable Options" section within the code.
  • You can customize the following aspects:Pop-up title (e.g., "Accept Cookies & Privacy Policy?")Message displayed to users"More Information" link and title"Accept Cookies" button titleColors, width, and other styling options
  • Pop-up title (e.g., "Accept Cookies & Privacy Policy?")
  • Message displayed to users
  • "More Information" link and title
  • "Accept Cookies" button title
  • Colors, width, and other styling options

Ensure you only edit the content within the quotation marks (' ') as indicated in the code comments. For example, to change the pop-up message, find the line marked in the instructions and replace the default message with your own.

Image

Step 5: Saving Your Changes

  • After making the desired customizations, click "Save" to apply the changes to your page.

Practical Examples and Use Cases

  • E-commerce Websites: Inform users how cookies track shopping cart contents and recommend products.
  • Blogs: Explain the use of cookies in personalizing content and ads, as well as analytics.
  • Service Providers: Clarify the role of cookies in improving user experience and site functionality.

Troubleshooting and FAQs

  • My pop-up isn't displaying. What should I do?Ensure the Custom JS/HTML element is placed at the top of your page and that you've saved the changes.
  • Ensure the Custom JS/HTML element is placed at the top of your page and that you've saved the changes.
  • Can I change the position of the pop-up?Yes, you can adjust the positioning by editing the "popupstylez_index" and other related styling options in the code.
  • Yes, you can adjust the positioning by editing the "popupstylez_index" and other related styling options in the code.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us