TABLE OF CONTENTS


You can now add a "toaster-style" tray popup promo on your Home and Landing pages. This is a tray that locks to the bottom of the screen, and is a good spot for a temporary call to action or promotion. It also won't trigger SEO issues because it doesn't block the user from using the rest of your site.


Your customers can dismiss the popup if they're not interested in the offer. That dismissal will be saved in the customer's browser for 2 months and then popups will return - this is designed to be a seasonal promotion.

Due to space limitations, the popup is not visible on mobile devices (this is a best practice for SEO).


The design of the toaster popup is slightly different for classic layouts to visually match the rest of the page:



2-Column Layout: Use with title, teaser, and dates


To activate a popup, edit your Home or Landing Page, and click the new "Show Popup Promo?" toggle.


Select the default 2-column layout and fill in the appropriate fields for your promotion.



1-Column Layout: Use with an embedded Gravity Form (for example, for email signups)


Note: Using the popup to collect email signups will only be effective if you give a compelling reason to subscribe. Explain the benefit to the user so they're more likely to signup. If your only text here is "Join our mailing list," the user will just immediately close the popup since it's keeping them from getting to the rest of your site.


Emma or MailChimp Integration: Groundplan Web Package has the capability to send email signups from Gravity Forms automatically to MailChimp or Emma. We can set this up within the scope of your monthly support costs, so email  support@gameflow.design if you'd like to get this set up.



Build your email signup form in Forms >> Add New. A maximum of 3 fields will fit in the popup (for example: First + Last Name, and Email). 


Edit your Home or Landing Page, and click the new "Show Popup Promo?" toggle.


Select the 1-column popup layout. Fill in the Title and Subtitle fields with your desired promotion and add your form to the Summary Text area. Do not add the form title or description. 



Fill in your image but leave the Button Text blank. The form will provide a button. 



Want to integrate this form


Delay when the popup appears after the page loads


You can set a delay time of the number of seconds that the tray should appear after the user first loads the page under Groundplan Theme Settings >> Footer >> Popup Delay.  The default is 2 seconds.



Change the popup colors


You'll also want to make sure you've set colors for the popup in Appearance >> Customize >> Theme Colors >> Tray Promo Text Color & Background Color.  We typically recommend using the same alert colors that you for your Marquee or Footer Copyright Background color.