This guide will walk through design options available for non-quiz pop-ups. These options can be accessed through the pop-up editor.
Understanding quiz vs. opt-in pop-ups
In Octane AI, you can make 2 types of pop-ups:
This guide will be used to explain how to find design options for opt-in pop-ups, which can be located in the pop-ups editor.
The pop-ups editor can be accessed from the Pop-ups page.
What is an initial vs. submitted state?
Opt-in pop-ups have 2 states, or screens that you can edit.
Initial state: what the pop-up looks like when it first appears.
Submitted state: what the pop-up looks like after an opt-in has been submitted, or a custom link button has been pressed.
Options to edit each state can be found under the Design tab inside of the pop-ups editor.
NOTE: discount codes can be added in the submitted state section.
Fonts & images
Pop-ups can display a side image and a background image. Side images can also be disabled in the LAYOUT section when editing the initial or submitted state.
For specific image sizing recommendations, check out this guide.
Content & colors for pop-up text as well as buttons can also be edited inside of the "Initial state" or "Submitted state" sections.
Frequently asked questions
Can I add different images for mobile & desktop devices in the same pop-up?
Currently, separate pop-ups must be created to display different content for desktop and mobile users.
How do I change the font size of my pop-up text?
The size of pop-up fonts can't be edited directly in the editor, but can be edited with CSS styling on your website.
If you aren't certain how to do this and would like font sizes adjusted, reach out to our support team at [email protected].
How do I preview my pop-up?
To preview your pop-up in action, it will need to be set live on your website.
Is A/B testing available?
A/B testing is available on Octane Plus for opt-in pop-ups.
Quiz pop-ups can't be A/B tested directly, but you can use opt-in pop-ups to A/B test quizzes published in a webpage. This guide will have more detailed instructions on how to set this up.