free Showit popups

Stop the scroll with
useful content

Sometimes it's necessary to do something big to get your user's attention. And when you're visiting a website, there's nothing more attention grabbing than a popup! Use these popups sparingly to grab attention, convert users, and increase profits!

SELECT A POPUP TO VIEW

COASTAL (FULL SCREEN)

GARDEN (FULL SCREEN)

WHIMSY (FULL SCREEN)

COASTAL (DARK BG)

COASTAL (LIGHT BG)

GARDEN (DARK BG)

GARDEN (LIGHT BG)

WHIMSY (DARK BG)

WHIMSY (LIGHT BG)

how to use

Implementing these popups is simple thanks to the power of Showit! Here are step-by-step directions for how to get it done.

01.

ADD THE DESIGN TO
YOUR SHOWIT ACCOUNT

To add the design to your showit account:

A) Click your name in the bottom left of the showit interface to bring up the Account pane. Here, click "Add Design to Library" (highlighted in figure A)

B) You will be prompted to enter a Shared Design Key. You should have received this Key in your initial email, but if you can't find it, let us know! Once you have it, enter the Key and hit "Enter".

C) You will see a screen similar to this one. Hit "Add Now" to continue. The design will now be added to your account.

A

B

C

02.

ADD A POPUP
TO YOUR PAGE

A) Click the Ellipses (...) next to the Page Name under the Page Tab on the left hand side of the showit interface.

A

B) Select the "My Library" tab at the top of the Choose a Canvas screen. Navigate to the correct section (Black Tie – Free Popups > Popups) and select the Popup you would like to add to your page.

B

Find the Canvas settings on the right hand side of the showit interface. Ensure that the settings on your screen match the settings found to the left. If they do, congrats! You've successfully added the popup to the page. Now we have to set the trigger.

C

03.

SET THE TRIGGER

The popup won't show up on the page by default. To get it to "pop up", we need to set some sort of trigger. This can be done either with Scroll Actions or Click Actions.

Scroll Actions perform an action when the page is scrolled to a certain part of the screen. I recommend setting these popups to appear when your Footer appears on screen. To do this, select the Footer (or equivalent) canvas on the left hand side of the showit interface, and click "Scroll Actions" on the right hand side. You should then make sure the settings are similar to the settings on the right.

D) Find your new popup canvas on the left hand side of the showit interface. Click the ellipses (...) to the right of the canvas name, and select 'Convert to Site Canvas'. Now you can add this canvas to any other page on your site just like you would other site canvases.

D

If you would rather the popup activate when the user clicks something, that's easy to set up as well! Simply select the link, item, or group you'd like the user to click to activate the popup, and then click "Click Actions" on the right hand side. Make sure the settings are similar to this

04.

Customize!

You can now customize the fonts, colors, and images on the popups, just like you would the rest of your showit site!

05.

NEED HELP?

Stuck? Not sure what you're doing wrong? Let us know if you need help! Use the form to the right to contact our support team.

Thanks! We'll be in touch shortly!

how to use

For installation instructions, please visit this page on a desktop or laptop.

Get your free download here!

THE MOMENT WE’VE ALL BEEN

waiting for

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

download now!

Get your free download here!

THE MOMENT WE’VE ALL BEEN

waiting for

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

download now!

Get your free download here!

THE MOMENT WE’VE ALL BEEN

waiting for

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

download now!

Get your free download here!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

download now!

Nah, leave me alone.

Ready...set...

Get your free download here!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

download now!

Nah, leave me alone.

Ready...set...

Get your free download here!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

download now!

Nah, leave me alone.

Ready...set...

before you go...

get your
free download

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

download now!

Nah, leave me alone.

before you go...

get your
free download

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

download now!

Nah, leave me alone.

before you go...

get your
free download

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

download now!

Nah, leave me alone.