Common Page Elements
Last updated
Last updated
When working on a funnel, you may find that it would be easier to manage the styling of a header or footer element in a single place instead of going into each page and making the adjustments. This can be accomplished within the funnel builder by utilizing the Common page type, which can be found towards the bottom of the page type selection on the funnel visualizer.
Once you drag the Common page to your visualizer, click on the settings gear to select a template.
On the page, drag a Header, Footer, or Order Bump element if there is not one present.
After dragging the Header element to the page, click on the element and view the settings. Inside the settings, set the Id to “cartCommonHeader” (without the quotations).
When you are finished, save and exit the Common Page. Next, go into each page of the funnel that you want to share the same Header as the Common page and add a Header element if one does not exist yet.
From there, open the settings of the Header and set the Id here to cartCommonHeader as well.
Once you are done setting cartCommonHeader to all of your pages, go back to the Common page once more and save the page. This will then save the common header to all the pages that you added cartCommonHeader to.
After dragging the Footer element to the page, click on the element and view the settings. Inside the settings, set the Id to “cartCommonFooter” (without the quotations).
You might need to use the Up Arrow on the element tool bar to ensure you have actually selected the Footer. The Settings panel will show “Selected: Footer” if you have selected the footer.
When you are finished, save and exit the Common Page.
Next, go into each page of the funnel that you want to share the same Footer as the Common page and add a Footer element if one does not exist yet.
From there, open the settings of the Footer and set the Id here to cartCommonFooter as well.
Once you are done setting cartCommonFooter to all of your pages, go back to the Common page once more and save the page. This will then save the common footer to all the pages that you added cartCommonFooter to.
After dragging one Order Bump or Order Bump Variants element to the page, click on the element and view the settings. Inside the settings, set the Id to “commonOrderBump” or “commonOrderBumpVariants“ respectively (without the quotations).
Only one order bump element and only one order bump variants element at a time are supported per funnel
When you are finished, save and exit the Common Page.
Next, go into each page of the funnel that you want to share the same order bump as the Common page and add an order bump element if one does not exist yet.
From there, open the settings of the order bump and set the Id here to “commonOrderBump” or “commonOrderBumpVariants“ depending on the type of element chosen.
Once you are done setting commonOrderBump or commonOrderBumpVariants to all of your pages, go back to the Common page once more and save the page. This will then save the common order bump to all the pages that you added the respective commonOrderBump or commonOrderBumpVariants to.
For more information on Common Headers, please view this .
