We use cookies.
freecoockie

FreeCookie

Create a pop-up message We use cookies easily and for free!

This script does the following:

  • Determines the cookie name, value, and expiration date.
  • Checks if a cookie with the given name already exists.
  • If the cookie does not exist, sets a new cookie and displays a welcome message.

Set the lifetime of the form yourself.

The popup is centered and pinned to the bottom of the screen.

Please select one of the options.

Code 1 / coockie 30 days 

<?php
$cookie_name = "welcome_closed";
$cookie_value = "closed";
$expiration = time() + (86400 * 30); 

if(!isset($_COOKIE[$cookie_name])) {
    ?>
    <div id="welcome-message">
        We use cookies.
        <button id="close-welcome">X</button>
    </div>

    <style>
    #welcome-message {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        max-width: 600px; 
        background-color: #f0f0f0;
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        z-index: 9999;
        box-sizing: border-box;
        text-align: center;
    }
    #close-welcome {
        position: absolute;
        top: 10px;
        right: 5px;
        cursor: pointer;
        background-color: #00AF92;
        border: none;
        padding: 5px 10px;
        border-radius: 3px;
    }
    </style>

    <script>
    document.getElementById('close-welcome').addEventListener('click', function() {
        document.getElementById('welcome-message').style.display = 'none';
        document.cookie = "<?php echo $cookie_name; ?>=<?php echo $cookie_value; ?>; max-age=<?php echo $expiration - time(); ?>; path=/";
    });
    </script>
    <?php
}
?>
Code 2 / coockie 365 days 

<?php
$cookie_name = "welcome_closed";
$cookie_value = "closed";
$expiration = time() + (86400 * 365); 

if(!isset($_COOKIE[$cookie_name])) {
    ?>
    <div id="welcome-message">
        We use cookies.
        <button id="close-welcome">X</button>
    </div>

    <style>
    #welcome-message {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        max-width: 600px; 
        background-color: #f0f0f0;
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        z-index: 9999;
        box-sizing: border-box;
        text-align: center;
    }
    #close-welcome {
        position: absolute;
        top: 10px;
        right: 5px;
        cursor: pointer;
        background-color: #00AF92;
        border: none;
        padding: 5px 10px;
        border-radius: 3px;
    }
    </style>

    <script>
    document.getElementById('close-welcome').addEventListener('click', function() {
        document.getElementById('welcome-message').style.display = 'none';
        document.cookie = "<?php echo $cookie_name; ?>=<?php echo $cookie_value; ?>; max-age=<?php echo $expiration - time(); ?>; path=/";
    });
    </script>
    <?php
}
?>

Install

Create a cookie.php file in the root of the site on the hosting and paste the copied code into it.

Open the index.php file and write at the end of the file include 'kuki.php';

See how it should be.

Others: The link to the file with the code must be inserted immediately after the body tag. See how it should be.

Change the pop-up text as desired.

Result

freecoockie