If you don't yet have a popup up and running, take a look at our guides for popups and Google Tag Manager before venturing deeper into the customization.


Introduction

There are tons of options in Trustmary's popup configuration to customize. You can tweak everything to your hearts content, and if you're still not completely happy with the result, just plug in some CSS code and make the popup fully custom.

In this article we'll take a tour through the popup configurator and get to know all the options it includes.

Popup configuration

All the sub-menus in the popup configuration menu are listed in the navigation bar on the left, as shown in the image below.

Card content

The configuration opens up on the first sub-menu, Card content in which you can select the appearance of your popup card and the types of information it will display.

The options for the card types are

  • Reviews - Shows published reviews from Trustmary. This is the most popular type.

  • Page visitors - Shows how many visitors the site has had in a defined period.

  • Content - Dispay a custom message that can include text and a picture.

  • Social media followers - Display your Facebook, Youtube and Twitter followers.

  • Event feed - Shows an event feed from your conversions. Learn more about conversion here.

  • Videoplayer - Displays video testimonials you've gathered through Trustmary.

After you've selected the type you would like to use, you can tweak the card further in the settings, as seen in the example image of the Reviews type below.

Notifications

In the Notifications menu you can choose your cards' appearance from a few templates. All the templates display the same info, but with a bit different layout. You also have the option to completely disable the notification card if you would for example like to only use the Modal form.

Notifications - Settings

In the settings under Notifications you can get into adjusting the popups behavior, such as when does it trigger (e.g. loading the page, scrolling, and no activation), the delays and visibility times, position on the screen, and behavior when clicking.

Modal form

In the next menu you can select a template for the modal form or disable it.

Modal form - Settings

In the settings under the modal form menu, you can set how the modal activates (page loading, scrolling, and no activation), the speed of the activation animation, and whether or not an overlay is shown around it.

Modal form - Content

The content menu enables you to place standard content like text, images, and code to your modal. The content will be shown on the modal according to the template you chose before.

Modal form - Form

Here you can configure the actual form of the modal. Adding fields works very similarly to the survey editor, and the question types are similar too. You can also send the answers to the form via a Webhook, send email notifications to organization members, and track conversions through the modal. Finally, you can configure a Thank you page that is displayed after the visitor has answered to the form.

Show on pages

In this menu you can set the pages the popup will be shown on or excluded from, the percentage of visitors the popup will be shown to, after which period the popup will be shown again to the visitor, and on which devices should the popup be activated.

By default the popup is set to include all pages under the URL it is installed onto. This is marked with the *-wildcard character, which can also be used to select multiple pages for example under a particular product category (e.g. store.com/category1/*). Also by default, the popup isn't excluded from any page.

The popup is by default shown to all visitors, but this can be set to anything between 0 and 100%. This is usually set to 100%, but 50% can be used with A/B testing of conversions.

In the Show again after setting the popup can be set to display again to the same visitor after a specific amount of minutes, hours, days, or months and the Activate on devices setting lets your control whether the popup triggers on mobile, desktop, or both.

CSS

The CSS section should only be used if you have experience in web development and CSS code, since with bad enough luck you could break something.

If you are fluent in CSS, though, the editor is very simple: just paste of type your code into the text box and click save.

General

In the General section you have the general settings of the popup, such as the (internal) name, main language, and whether or not the popup is enabled (this can also be done from the main menu). Additionally, you can delete the popup from here by typing "DELETE" into the lowermost text box.

Import config

In this menu you can import the configuration of an existing popup into a new one. Just choose a source popup, select which sections you would like to import, and click Import config.

Conclusion

And those are the settings within Trustmary's popups. The only thing left now is to click Save to make sure you don't lose all the hard work you put into your popup.

As you probably realised, there is a lot of stuff in the settings, but as intimidating as it might seem, everything is very straightforward and we hope that with this guide it's even easier to work with.

Did this answer your question?