How do I set a one-time pop up on the home page?

Technical Q&A
, ,
1

hallo guys, i really need a help . i wanna ask about pop up, How to set the pop up so that it appears only once on the home page, because the current situation is that when you enter or click on another menu the pop up appears again? i need really fast respond

2

Hi @megawdyaaaa

Dan here from Ryviu: Product Reviews & QA app.

Could you share your store URL to check?

3

the url https://www.laicaactive.com/

now I have succeeded in editing the theme.js code. The pop only appears on the home page before appearing on every menu. but the problem is now. If we go back to the home page from another menu, even though it has previously been closed, it still appears again. I don’t know why

4

You must use JavaScript to set a cookie when the popup is closed or when the user signs up for the newsletter or check for the presence of this cookie when the user visits the homepage, if the cookie is not present, trigger the popup to appear.

5

I recommend you check settings of your newsletter from your theme customize or you can contact support of that theme and ask for your request.

6

Thank you for your response, but is it possible on the home page when the pop up appears only once and when closed it doesn’t appear again when we go to another menu and return to the home page. Is there any coding that I need to add? because I don’t understand how to set cookies
this file code theme. js , Am I missing something or is there coding that needs to be added?

ss.png
ss.png511×697 54.7 KB

7

This condition ends here, you may need to add else if condition and add modal newsletter popup into

Screenshot 2024-03-06 at 10.39.03.png
Screenshot 2024-03-06 at 10.39.03.png919×583 48 KB

8

thanks for the tips, can you tell me what coding to add if you want the output to be like what I explained above?

9

Add this code right after end of if condition of your code

else {
add open modal cod ehere
}

Screenshot 2024-03-06 at 10.39.03.png
Screenshot 2024-03-06 at 10.39.03.png919×583 59.2 KB

10

Can you help me to create the if condition? because I’m very confused, I hope you can help

conditions where:

  1. The pop up appears once on the home page
  2. When you go to another menu and return to the home page, the pop up doesn’t appear
11

because I’ve tried to create an if condition but it failed and searching on AI also failed

12

You can try this

// Function to set a cookie
function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

// Function to check if a cookie exists
function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return true;
        }
    }
    return false;
}

// Function to display the popup
function displayPopup() {
    if (!getCookie('visitedHomePage')) {
        // Show your popup code here
        setCookie('visitedHomePage', true, 30); // Set the cookie to expire after 30 days
    }
}

// Call the displayPopup function when the page loads
window.onload = function() {
    displayPopup();
};
1 Like