Sites

Implementing Privacy Policy Cookies Acceptance Pop-up

Implementing Privacy Policy Cookies Acceptance Pop-up Implementing Privacy Policy Cookies Acceptance Pop-up Summary: Creating Pop-ups using custom code element Step 1: Accessing the Page Editor Navigate to the funnel or

2 min read· 373 words· 4 images

Implementing Privacy Policy Cookies Acceptance Pop-up

Summary:

Creating Pop-ups using custom code element

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.

Step 2: Adding the Custom JS/HTML Element

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

Implementing Privacy Policy Cookies Acceptance Pop-up – figure 2

  • 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."

Implementing Privacy Policy Cookies Acceptance Pop-up – figure 3

  • Paste the provided JavaScript code into the editor.

Implementing Privacy Policy Cookies Acceptance Pop-up – figure 4

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.

Implementing Privacy Policy Cookies Acceptance Pop-up – figure 5

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.


Tagscookiespop-upcodepagecustomelementstepeditoroptionstitle