Building and designing popups
Create popups in the editor and customize their layout, text, and styling.
By Rob1 author21 articles
- Adding new popupsThis guide covers the main ways to create new popups, sale popups, gamified steps, and translated versions from an existing popup, plus a few things to double-check along the way.
- Editing Your Current PopupImages and texts are two of the easiest ways to make your popup feel on-brand. This guide walks you through swapping and adding images, editing your copy, and troubleshooting the…
- Editing Your Popup BackgroundCustomize the look and feel of your popup by changing the background color or adding an image for both mobile and desktop views.
- How can I adjust the size of a logo in a popup in Alia?Learn how to easily adjust the size of your logo in an Alia popup to ensure it fits your brand’s design and looks great across all devices.
- How to Change Button Colors in AliaLearn how to easily customize the background and text colors of buttons within your Alia popups and forms to match your brand and improve your calls to action.
- Using text variables in AliaDisplay dynamic content in text elements
- How to Insert a Countdown TimerIncrease conversion rates and create urgency by adding a countdown timer to your Alia popups.
- Creating and Reusing Components in the Alia EditorSave time by turning any element into a reusable component you can use across popups.
- How to Use Masks and Clipping PathsThis guide explains how to use masks and clipping paths to crop elements in your popup design.
- Responsiveness for Different ScreensThis guide covers the basics of building a responsive design so your popup looks good across different screen sizes.
- Turning a Non-Fullscreen Popup into a Fullscreen Popup on DesktopBoost your signup rates by maximizing your popup's visibility on desktop devices.
- Creating a Non-Fullscreen Desktop PopupThis article will help you learn how to transform a fullscreen desktop popup into a centered, compact, non-fullscreen layout.
- Turning a Non-Fullscreen Popup into a Fullscreen Popup on MobileBoost your signup rates by maximizing your popup's visibility on Mobile devices.
- Creating a Non-Fullscreen mobile PopupThis article will help you learn how to transform a fullscreen mobile popup into a centered, compact, non-fullscreen layout.
- Reuse Fonts Loaded On Your SiteImprove performance by reusing fonts that are already loaded on your site.
- How to Use The Basic Prism ElementChange content on your popup based on targeting conditions.
- Using Mini Quiz answers to customize your popupUse quiz answers to customize what customers see next — different messaging, images, or redirect pages, all based on their responses.
- Hiding The Floating Button On Select Pages Using PrismUse Prism conditions to control which pages show the floating button on your storefront.
- Adjusting the Floating Button Position on Specific Pages Using PrismUse Prism to show the floating button in a different position depending on the page a visitor is on.
- How to Add and Manage Steps in Your Alia PopupLearn how to effectively create, organize, and delete individual steps for email, SMS, Mini quiz and more within your Alia popup campaigns to enhance user experience and conversions.
- How to Preview and Test Your Alia PopupsEnsure your Alia popups look and function perfectly across all devices and scenarios before going live.