...
On the page, drag a Header and/or Footer , Footer, or Order Bump element if there is not one present.
...
| Table of Contents | ||||
|---|---|---|---|---|
|
...
Common Header
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).
The default Header element contains a single menu option which is linked with CheckoutChamp’s Common Menu feature. This single place holder will be replaced with all of the Common Menu options that you have created. Each of the Common Menu options that you create will follow the same styling as the single menu option inside the builder.
If you are creating a Common Menu, do not duplicate the single menu placeholder as this will cause multiple sets of your Common Menu to appear on the page.
If you are not creating a Common Menu, you can remove the single menu placeholder and drag new elements to the Header.
For more information on Common Headers, please view this article.
...
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.
...
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.
| Info |
|---|
Any time you edit or add another page to the funnel with cartCommonHeader, you must go back into the Common Page to save. Any time you save the Common Page, you must publish for those changes to take effect on the live site.All links on the pages with the Common Header must also be configured using the navigation arrows. |
...
Common Footer
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).
...
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.
| Info |
|---|
Any time you edit or add another page to the funnel with cartCommonFooter, you must go back into the Common Page to save. Any time you save the Common Page, you must publish for those changes to take effect on the live site. All Any links on your Footer can be hard linked into the Link settings on the page. Otherwise, all links on the pages with the Common Footer must also be configured using the navigation arrows. |
Common Order Bump and Order Bump Variants
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).
...
| Note |
|---|
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.