Using a New/Mode action page enables you to seamlessly integrate your actions with a customizable page that is optimized for conversions!
Our action pages are linked directly to the actions you create, so to create an action page, you first need to follow the steps to create an advocacy action. Once you have set up your action, you're ready to create an action page for it.
1. Creating an action page
- To create an action page for all the actions in a campaign, open the campaign on your dashboard and click on the Create an action page button on the right.
- To create an action page for a specific action within a campaign, navigate to your action's Preview tab and click the Create an action page for this action link in the right.
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 action's Header Display to hide the Action Title.
- Page Format - you can choose between two options: acton above text (single column) and action 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 action.
- If you choose the single column format, the Action Page Title will appear above your action, and the call to action text will appear below your action.
- Call to action text - this will often replace the Introductory Text and Key Points in your action, to keep the action itself short, but with all the content still visible!
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 Action 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
4. Look and Feel. This tab works the same as the action 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 to be applied to the page, or enter an External Fonts URL.
- Customize your page with Custom CSS. CSS settings will be overridden by anything set up in the color selectors and Font Family.
5. Page path. Ticking the Generate automatic URL alias checkbox will create a URL alias from your action title automatically. Unticking it gives you the option to write your own custom URL alias.
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 Action the page was created from, or make changes in the Action Page itself.
All changes to the Action and to the Action Page will be reflected in the page view.
Last updated: July 20, 2021