Image
Image

These iconic popup bars will bring your call to action buttons to life

Pop offers you a host of different customization options to help you get the look and feel you want for your site. Fine tune buttons, pick beautiful, fluid animations styles, and choose from over 300 different icons for your button and popup icon bar!

Quick look

Before we check out the Pop stack samples, let's have a look at some of the highlights of what the stack can do for us when building our pages. We also offer a quick overview and tutorial video to give you an idea of what Pop can do, and get you started.

Trigger

Trigger the unique and beautiful icon bar from a button or a custom image of your own.

Alignment

Choose to align your button or image to the left, right or center to make it fit your layout.

Inside Info

Your button, which triggers Pop, can contain an icon, text or both making it very versatile.

Custom Button Styling

Adjust the colors, size, left and right padding and the rounded corners of your button. These adjustments allow you to make Pop's buttons fit the look and style of your site.

Iconic

Choose from over 300 different FontAwesome icons for your button and icon bar links

Smooth

Pop comes with smooth, fluid animation styles to choose from for your icon bar.

Sneak Peek

You can choose to preview your icon bar in Edit Mode to get the look you're going for.

Samples

See what's possible

Here we've created several different examples of what you can do using the Pop stack. You can link to just about anything you like from the icon bar. These are just a few of the many designs you can create!

Simple

In this example we’re using Pop’s default settings. We’ve opted for just an icon in our button for this sample to keep things simple.


Be Social

In this example we’ve setup some social media badges using Pop that links to our various social sites.

Share

Contact Us

Here we’ve setup a button using just text instead and no icon. Our toolbar has just two examples in this instance -- an email link and a link to Twitter.

Contact Us

Upside Down

We’ve duplicated our example from above using out Contact Us button, but this time we have our icon bar coming from the bottom of the button and with a different animation.

Contact Us

Join Forces

Here we pair an icon and text in our button and link to various sites where you might be found. We’re using our top location and triggering the icon on hover instead of click.

Find Us...

Image Trigger

Instead of a button for this example we’re using an image. In this case the Pop stack’s icon. Using an image makes Pop even more versatile allowing you to add a Pop toolbar to any image!

Stacks Image 4560

Shopping Cart

Here we’ve used Pop to create an add to cart and view cart button. You could use your e-commerce service, something like Cartloom, to get special links for this to build out your store pages.

Product Name $20

Customizable

We offer a wide variety of settings that allow you to perfect the look and feel of the buttons on your Stacks-based RapidWeaver pages.

Documentation

What does this setting do?

In addition to the tutorial walk through video, toward the top of the page, we also offer detailed documentation for each setting within this stack to aid you in creating your site and making the decision to purchase the Pop stack.

You can find the full documentation and tutorials for Pop, as well as all of our other products in the Elixir Support Hub.


Requirements

What will you need?

While Pop is pretty straight forward, we do use some tools in the Stacks API to load icons and other tools needed for features in this stack. Let's look at the required software as well as the browser support for this stack.

What you need

As mentioned, we use the latest Stacks API for the Pop stack to help facilitate its functionality. You'll need the following tools to make use of Pop for your site:

  • RapidWeaver v8 or newer
  • Stacks v4 or newer
Browser support

This stack is designed with modern browsers in mind to give your visitors the best experience possible. Pop will work nicely in the most recent versions of these browsers:

  • Safari
  • Firefox
  • Chrome
  • Edge
elixir

THE FORGE. Stay up to date on future versions of Elixir products, as well as important news, updates and more through our newsletter.

Re-Download Purchases

Use your email address to look up your previous orders and retrieve download links.


© 2006-2021 Elixir Graphics

RapidWeaver is a Registered Trademark of
Realmac Software Limited