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. Step 2: Adding a Custom JS/HTML Element Once in the page editor, look for the "Add Element" option. 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." Paste the provided JavaScript code into the editor field. 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. 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.