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

[mypartnert]

hello 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?

[PageFly-Amelia · Accepted solution]

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.

[PageFly-Amelia]

Hello @mypartnert 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

Could you please share the URL link of your store so we can check it for you?

[mypartnert]

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

[PageFly-Amelia · Accepted solution]

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.

[PageFly-Amelia]

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. 

[mypartnert]

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?

[PageFly-Amelia]

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

[mypartnert]

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

[PageFly-Amelia]

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

else {
add open modal cod ehere
}

[mypartnert]

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

[PageFly-Amelia]

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();
};

[PageFly-Amelia]

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();
};

[PageFly-Amelia]

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();
};

[PageFly-Amelia · Accepted solution]

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();
};

[AbulHasib]

Hey @mypartnert , you can try our pop-up builder app, " Bevy Design," where you can set up specific pages, such as your homepage. Just copy and paste your homepage URL in the designated option, and that is it. No coding is required. Additionally, To appear the pop-up only once, you can turn off the "display after engagement" feature or set the maximum display as you like. The app is straightforward to use, and we have pre-made templates from which you can create your desired pop-up in minutes. 

If you need assistance with setting up your campaign, I'm just a message away. Don't hesitate to reach out.

Link of the app - Shopify App Store

For additional information, visit our website: Bevy Design

[joe78999]

to set up home page you have to follow guidelines.Step to step guide is available here.