Using a New/Mode Action Page enables you to seamlessly integrate your tools with a customizable action page that is optimized for conversions!
If you've been looking for an excuse to transition out of your CMS, look no further! With New/Mode Action Pages, there is no need to embed code into an external CMS or hire developers to get your action page looking the way you want it.
Our Action Pages are linked directly to the tools you create, so to create an Action Page, you first need to follow the steps to create a tool. Once you have set up your tool, you're ready to create an Action Page from it:
Step 1: Navigate to your tool's Preview tab, and click the Create an action page for this tool link in the right-sidebar.
Step 2: Basic settings. You should now be on the Create Action Page page. Here you can choose the basic settings of your Action Page:
- Action Page Title - the title for the Action Page itself; depending on the Page Format of your Action Page, you may want to edit your tool's Header Display to hide the Tool Title.
- Page Format - you can choose between two options: tool above text (single column) and tool to the right of text (two columns).
-- If you choose the two column format, the Action Page Title and call to action text will appear to the left of your tool.
-- If you choose the single column format, the Action Page Title will appear above your tool, and the call to action text will appear below your tool
- Call to action text - this will often replace the Introductory Text and Key Points in your tool, to keep the tool itself short, but with all the content still visible!
Step 3: Images. After setting up the basic settings, scroll down to the customizing section. In the Images tab, you have all the options for adding images to your page. All image settings are optional:
- Logo - your organization's logo can be added to your Action Page, and will appear at the top left of the page
- Background Image - you can choose image to be the background of your Action Page; you may want to play around with the images that you use and the Look and Feel of both the Action Page itself and the Tool you are creating the page from, as colors and font may need to change to fit the background image.
- Header Image - this image will appear above the Action Page Title
Step 4: Look and Feel. This tab works the same as the tool Look and Feel tab.
- Use the color selectors to choose the color for each visual aspect of your page - Page Background Colour, Title Text Colour, and Text Colour.
- Type the name of the Font Family you want applied to the page, or enter an External Fonts URL.
- Customize your page with Custom CSS. CSS settings will be overriden by anything set up in the color selectors and Font Family.
Step 5: Page path. Ticking the Generate automatic URL alias checkbox will create a URL alias from your tool title automatically. Unticking it gives you the option to write your own custom URL alias.
Step 6: Save your changes, and you will see a green message at the top of the screen with the URL to preview your newly created New/Mode Action Page!
- Once you see what your Action Page looks like, you may want to go back and edit the Look and Feel or the Content of the Tool the page was created from, or make changes in the Action Page itself.
- All changes to the Tool and to the Action Page will be reflected in the page view.