This tutorial covers the steps for setting up a custom widget area that slides into view from the bottom of the browser window on page load and remains in view until the user closes it similar to that on Copyblogger.com.
We shall use js-cookie to create a cookie in the user's browser once the close button is clicked and set it to expire after a week. Only if the cookie has not been set will the slide-in section appear.
In this example, we are going to display a horizontal opt-in form using Genesis eNews Extended.
Upload js.cookie.js to your child theme's
Create a file named say, global.js in the same location having the following:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.