# Page Types

Checkout Champ has multiple page types you can add to your funnel.<br>

[Presell Page](#pagetypes-presellpage) | [Lead Page](#pagetypes-leadpage) | [Checkout Page](#pagetypes-checkoutpage) | [Upsell Page](#pagetypes-upsellpage) | [Thank You Page](#pagetypes-thankyoupage) | [Generic Page](#pagetypes-genericpage) | [Opt In](#pagetypes-optin) | [Download](#pagetypes-download) | [Collection](#pagetypes-collection) | [Catalog Page](#pagetypes-catalogpage) | [Survey](#pagetypes-survey) | [Webinar](#pagetypes-webinar) | [VSL](#pagetypes-vsl) | [Blog Post](#pagetypes-blogpost) | [Pop-up](#pagetypes-pop-up) | [Email](#pagetypes-email) | [SMS/Text](#pagetypes-sms-text) | [Shopify](#pagetypes-shopify) | [WooCommerce](#pagetypes-woocommerce) | [BigCommerce](#pagetypes-bigcommerce) | [Magento](#pagetypes-magento) | [ClickBank](#pagetypes-clickbank) | [Quiz](#pagetypes-quiz) | [Testimonial](#pagetypes-testimonial) | [External Page](#pagetypes-externalpage) | [Shopping Cart Page](#pagetypes-shoppingcartpage) | [Product Detail Page](#pagetypes-productdetailpage) | [Common Page](#pagetypes-commonpage) | [PageNotFound](#pagetypes-pagenotfound) | [Membership Folder](#pagetypes-membershipfolder) | [Login Page](#login-page) | [Profile Page](#profile-page) | [Member Area Page](#member-area-page) | [Cancel Membership Page](#cancel-membership-page) | [Restart Membership](#restart-membership) | [Update Card](#update-card) | [Change Product](#change-product)

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FRsSkPkgmqcyZFHQL1F6d%2Fimage.png?alt=media&#x26;token=d8e0da5d-65a5-4233-918b-8b72dce3ced3" alt=""><figcaption></figcaption></figure>

#### ~~**Presell Page**~~**&#x20;\*\* DEPRECATED: Use Lead Page \*\*** <a href="#pagetypes-presellpage" id="pagetypes-presellpage"></a>

~~A Presell Page is a landing page which can be used as a bridge between your advertisements and your shopping cart. A presell page can be used to educate, inform, and influence visitors to make a purchase before the Checkout Page.~~&#x20;

{% hint style="info" %}
~~A presell page’s purpose is to persuade customers, they do not carry product functionality and typically make use of buttons and links to route visitors to the next page.~~
{% endhint %}

[~~Elements~~](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/building-blocks) ~~available to pass data:~~

* ~~Basic forms~~
* ~~Buttons~~

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F8LK8oh8pTuGVEWUoMLJa%2Fimage.png?alt=media&#x26;token=2df7a00d-cd97-4ba2-96a0-cb3d2350b35c" alt=""><figcaption></figcaption></figure>

#### **Lead Page** <a href="#pagetypes-leadpage" id="pagetypes-leadpage"></a>

A Lead Page is designed to get visitors to act on an offer.  Lead pages can be used to capture user information, pass a product to a checkout page, or operate as a presale/advertorial page. The Lead Page generates a lead, which can be used for future marketing, and prompts a decision from your visitors.&#x20;

[Elements](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/building-blocks)  available to pass or submit data:

* Buttons
* Forms
* Shopping Cart
* Product Selection
* Surveys

{% hint style="info" %}
If using a lead page to pass products and are not collecting leads the button / link action should be Route to Next Page with the product added.
{% endhint %}

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fo88IIS2xiRPHOPX8fg84%2Fimage.png?alt=media&#x26;token=a7a2fc15-aaab-4559-aa30-8b2caf3ca88e" alt=""><figcaption></figcaption></figure>

#### **Checkout Page** <a href="#pagetypes-checkoutpage" id="pagetypes-checkoutpage"></a>

A Checkout Page is designed to complete orders quickly and efficiently.  Checkout Pages are equipped to process credit card and PayPal transactions.

[Elements](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/building-blocks) available to pass or submit data:

* Buttons
* Forms
* Shopping Cart
* Product Selection
* PayPal

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FgWAiz4QtiJLYM7UCb9o8%2Fimage.png?alt=media&#x26;token=71b1e0e0-b852-42af-b16d-13739a6895c1" alt=""><figcaption></figcaption></figure>

#### **Upsell Page** <a href="#pagetypes-upsellpage" id="pagetypes-upsellpage"></a>

Adding an Upsell Page to your funnel adds the opportunity to make an additional sale (or sales) after checkout.  Use it to offer customers an additional product, trial or membership to the purchase placed on the checkout page.

[Elements](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/building-blocks) available to display and submit data:

* Buttons
* Product Selection
* Shopping Cart

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FoGAmsoOHrjeARLoSey6x%2Fimage.png?alt=media&#x26;token=c986588b-1729-485f-9302-63bb22f08ed5" alt=""><figcaption></figcaption></figure>

#### **Thank You Page** <a href="#pagetypes-thankyoupage" id="pagetypes-thankyoupage"></a>

The Thank You Page is the last page of a sales flow. The Thank You Page can be designed to show a receipt of the order and serve as the last page a customer interacts with, or provide links to other content.

[Elements](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/building-blocks) available to display data:

* Invoices
* tokens -see our knowledge base article on [tokens](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/tokens)

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FLELplLuqpHHSFOaC24aP%2Fimage.png?alt=media&#x26;token=02a0aa05-f7b9-449c-8f9e-d179a42e09d8" alt=""><figcaption></figcaption></figure>

#### Generic Page <a href="#pagetypes-genericpage" id="pagetypes-genericpage"></a>

The generic page is used for standard pages that don’t require any specific functionality. These are commonly used for Privacy Policy, Term and Conditions, and Refund Policy pages.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FJ04sPMo65anZsBcqlYGI%2Fimage.png?alt=media&#x26;token=8e87ac00-b919-4486-ad81-0078b3f6eefa" alt=""><figcaption></figcaption></figure>

#### **Opt In** <a href="#pagetypes-optin" id="pagetypes-optin"></a>

An Opt-in page is meant to generate email or product subscriptions.

[Elements](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/building-blocks) available to submit data:

* Buttons
* Forms
* Surveys
* Shopping cart

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FQUsuUzQMkjsQrhlTtFHy%2Fimage.png?alt=media&#x26;token=ebb63815-e05b-492e-9d8d-b7b311866def" alt=""><figcaption></figcaption></figure>

#### Download <a href="#pagetypes-download" id="pagetypes-download"></a>

The download page is specifically used to allow your customers to download a file.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FDTFEZpAMffcHtkoBIeB9%2Fimage.png?alt=media&#x26;token=96a3eb29-4b19-4e4c-9a7d-fa7a12ca1c27" alt=""><figcaption></figcaption></figure>

#### **Collection** <a href="#pagetypes-collection" id="pagetypes-collection"></a>

Use this page to dynamically display product collections. The page normally consists of a header and footer from a Common page, a menu in the header, and a Product Row element containing a product tile. The product tile is dynamically populated and replicated for each product in the collection to be displayed.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FYllu1yUls6WEH59xRjb0%2Fimage.png?alt=media&#x26;token=0020c954-4da0-496f-ae7f-a4a2edc14e24" alt=""><figcaption></figcaption></figure>

#### **Catalog Page** <a href="#pagetypes-catalogpage" id="pagetypes-catalogpage"></a>

The Catalog page is a page used to display a whole collection of products on one page for customers to select from. Think of the catalog page as the store front for your Ecommerce store. You can feature particular items, or list all your inventory on one page. It has a cart element built into it to hold products as customers browse.

By default, products are not dynamically filled in from your campaign so you must select which products you want and build out each product tile.

Follow this article to dynamically display products on a catalog page: [Collections](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/funnel-visualizer/edit-funnel-settings/collections)

[Elements](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/building-blocks) available to pass data:

* Buttons
* Forms
* Images
* Product Selection
* Links

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FZv0GZVWFLH0dVjlAJgY4%2Fimage.png?alt=media&#x26;token=3e9443bf-9689-44a3-b930-800a3d2e8e30" alt=""><figcaption></figcaption></figure>

#### Survey <a href="#pagetypes-survey" id="pagetypes-survey"></a>

Create a survey page to qualify customers for your offer.

{% hint style="warning" %}
Customer’s choices are not stored and product recommendations cannot be made
{% endhint %}

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F0FdQ8Ask2LCQm4raUFbQ%2Fimage.png?alt=media&#x26;token=2fe51db2-2a6f-4768-866a-2f429574af37" alt="" width="53"><figcaption></figcaption></figure>

#### Webinar <a href="#pagetypes-webinar" id="pagetypes-webinar"></a>

Use the webinar page to find webinar templates to host a webinar for your customers.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FHcABeEONpykuTKgoezct%2Fimage.png?alt=media&#x26;token=288c1f0d-ab96-4e76-9b6d-986765617383" alt=""><figcaption></figcaption></figure>

#### VSL <a href="#pagetypes-vsl" id="pagetypes-vsl"></a>

Use the VSL page to find templates to build your video sales letter page.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FDBzlvoehrnUfXzPf7GUR%2Fimage.png?alt=media&#x26;token=0179fa7b-9195-491c-8b21-4662c77ee7b7" alt=""><figcaption></figcaption></figure>

#### Blog Post <a href="#pagetypes-blogpost" id="pagetypes-blogpost"></a>

Use the Blog Post page to find templates to start building an attractive blog post.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FdvC9oUrAIVQwGZ5LWB8o%2Fimage.png?alt=media&#x26;token=b3daaa7d-aef8-4809-855b-5316ec9f2887" alt=""><figcaption></figcaption></figure>

#### **Pop-up** <a href="#pagetypes-pop-up" id="pagetypes-pop-up"></a>

Pop-up pages can be used to show a popup when a customer clicks on a specific link. These are commonly used to show Terms and Conditions, Privacy Policy and Refund Policy. For more information please see this [link](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/use-link-or-button-to-initiate-a-pop-up).

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FtS71DUKGQICMoAD6XBE2%2Fimage.png?alt=media&#x26;token=18c333d6-8224-4287-b2be-a9cf60fd8730" alt=""><figcaption></figcaption></figure>

#### **Email** <a href="#pagetypes-email" id="pagetypes-email"></a>

The Email “page” is a visual marker for your funnel visualizer to indicate there are autoresponders configured for the funnel/campaign. You can create and edit email designs by editing the email page type. Click on the gear icon, or the pencil icon to select from templates or create new email designs. You do not need to apply any arrows to the Email page type.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FVp18bF11TliyOZU8SO4g%2Fimage.png?alt=media&#x26;token=2b3fc24b-315d-4c8e-a876-3082cd4f5e27" alt=""><figcaption></figcaption></figure>

#### **SMS/Text** <a href="#pagetypes-sms-text" id="pagetypes-sms-text"></a>

The SMS/Text “page” is a visual marker for your funnel visualizer to indicate when an sms or text message is sent after a page. This is only meant to serve as a holding place.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fm3ypUpmyhA5ZlWMoQ0oY%2Fimage.png?alt=media&#x26;token=b86c7c8d-73bc-4701-a680-0991edca777e" alt=""><figcaption></figcaption></figure>

#### **Shopify** <a href="#pagetypes-shopify" id="pagetypes-shopify"></a>

The Shopify “page” is a visual marker for your funnel visualizer to indicate when Shopify page is routing to your Checkout Champ checkout page. This is only meant to serve as a holding place. For more information on the Shopify plugin, please view [this article](https://help.checkoutchamp.com/crm/plugins/data-sources/shopify).

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fi1JjKxEb37Fpnv7WLrPj%2Fimage.png?alt=media&#x26;token=28e7a481-e4f6-4177-93ea-abb7a158fb4e" alt=""><figcaption></figcaption></figure>

#### **WooCommerce** <a href="#pagetypes-woocommerce" id="pagetypes-woocommerce"></a>

The WooCommerce “page” is a visual marker for your funnel visualizer to indicate when a WooCommerce page is routing to your Checkout Champ checkout page. This is only meant to serve as a holding place. For more information on the WooCommerce plugin, please view [this article](https://help.checkoutchamp.com/funnel-builder/redirect-storefront-to-checkoutchamp/woocommerce-plugin).

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FuIZKbwP2Sz1cenCyC4dH%2Fimage.png?alt=media&#x26;token=124b8ee1-299e-4957-bf85-e51b1f264e68" alt=""><figcaption></figcaption></figure>

#### **BigCommerce** <a href="#pagetypes-bigcommerce" id="pagetypes-bigcommerce"></a>

The BigCommerce “page” is a visual marker for your funnel visualizer to indicate when a BigCommerce page is routing to your Checkout Champ checkout page. This is only meant to serve as a holding place. For more information on the BigCommerce plugin, please view [this article](https://help.checkoutchamp.com/funnel-builder/redirect-storefront-to-checkoutchamp/bigcommerce-plugin).

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FU4NtcC8ZbIrLAPMuCoBb%2Fimage.png?alt=media&#x26;token=e4cb2c49-9127-41a5-a3ba-a4963b4de0ff" alt=""><figcaption></figcaption></figure>

#### Magento <a href="#pagetypes-magento" id="pagetypes-magento"></a>

The Magento “page” is a visual marker for your funnel visualizer to indicate when a Magento page is routing to your Checkout Champ checkout page. This is only meant to serve as a holding place. For more information on the Magneto plugin, please view [this article](https://help.checkoutchamp.com/funnel-builder/redirect-storefront-to-checkoutchamp/magento-plugin).

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fwl0DCb7OaRF8qcQ2AEWw%2Fimage.png?alt=media&#x26;token=cf26c9c1-7a44-4c2c-84c0-243a9c59eb24" alt=""><figcaption></figcaption></figure>

#### ClickBank <a href="#pagetypes-clickbank" id="pagetypes-clickbank"></a>

The ClickBank “page” is a visual marker for your funnel visualizer to indicate when ClickBank products are being used on your Checkout Champ checkout page. This is only meant to serve as a holding place. For more information on the ClickBank plugin, please view [this article](https://help.checkoutchamp.com/crm/plugins/data-sources/clickbank).

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FeOvFy4NDUCqf3MBjUcJo%2Fimage.png?alt=media&#x26;token=ba93e747-03d5-4768-b7ba-5cd658c14d70" alt=""><figcaption></figcaption></figure>

#### Quiz <a href="#pagetypes-quiz" id="pagetypes-quiz"></a>

Create a quiz for your customers to complete. This might be useful in qualifying customers for your offer.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FNL1Rf7PIO7KaONgZOnqx%2Fimage.png?alt=media&#x26;token=91335cc7-b8f0-415e-81fa-744a682d7de3" alt=""><figcaption></figcaption></figure>

#### Testimonial <a href="#pagetypes-testimonial" id="pagetypes-testimonial"></a>

Use the testimonial page to find templates that you can use to feature customer testimonials about your product or brand.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fe7A6FbNttfP4KR82WZ9Y%2Fimage.png?alt=media&#x26;token=207b2586-5bef-430a-8fc0-7b6dd8232b08" alt=""><figcaption></figcaption></figure>

#### **External Page** <a href="#pagetypes-externalpage" id="pagetypes-externalpage"></a>

The External page type allows you to redirect the customer to an external upsell flow or Thank You page, after the checkout. View [this article](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/redirect-from-checkoutchamp-to-externally-hosted-upsell-or-thank-you-page) for more information.

***

#### **Shopping Cart Page** <a href="#pagetypes-shoppingcartpage" id="pagetypes-shoppingcartpage"></a>

When a users adds a product to their cart, they can proceed to view their cart on a shopping cart page. Though not necessary, it is a useful page where customers can confirm their selection, quantity, or edit/delete items in their cart. It can then be routed to proceed to checkout once customers are satisfied.

[Elements](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/building-blocks) available to pass data:

* Buttons
* Quantity Select
* Links

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FHNTlbikXl53DCrb9i4fE%2Fimage.png?alt=media&#x26;token=0bfeb817-292d-4bd9-94d7-b564a0b39a97" alt=""><figcaption></figcaption></figure>

#### **Product Detail Page** <a href="#pagetypes-productdetailpage" id="pagetypes-productdetailpage"></a>

If a customer selects a product on your Catalog or Collection page, they can be routed to a product detail page. Here they can learn more about the product, select variants, add to cart, or checkout. This page is dynamically built based upon your products in your campaign and ***requires the use of a Catalog or Collection page*** to successfully pass the dynamic product information to the Product Detail page.

[Elements](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/building-blocks) available to pass data:

* Buttons
* Images (add "Product Images" in the route settings)
* Variant Selection
* Product Description
* Links

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F0J5JhOg5W8I2A3MQCj31%2Fimage.png?alt=media&#x26;token=121405ff-7c01-4132-a947-8ff6273d2f97" alt=""><figcaption></figcaption></figure>

#### **Common Page** <a href="#pagetypes-commonpage" id="pagetypes-commonpage"></a>

The Common Page is used to create a common header, footer, and elements across all pages within a funnel.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FPoRKY5QTqFgj1H6TV90t%2Fimage.png?alt=media&#x26;token=8781e001-a62a-40a6-b029-f277f821a2fd" alt=""><figcaption></figcaption></figure>

#### PageNotFound <a href="#pagetypes-pagenotfound" id="pagetypes-pagenotfound"></a>

Use the PageNotFound page to customize the “404: Page Not Found Page” error that is displayed if a customer attempts to go directly to a page within the funnel that does not (or no longer) exists.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FC9yRuVBBXHKmd2SNtnOU%2Fimage.png?alt=media&#x26;token=956949fd-b22d-4831-8cfd-de467996d45d" alt=""><figcaption></figcaption></figure>

#### **Membership Folder** <a href="#pagetypes-membershipfolder" id="pagetypes-membershipfolder"></a>

The Membership Folder contains the pages related to running a Membership. The Membership pages are described in detail below.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FvSlUvmuv1E09gVDSRv6b%2Fimage.png?alt=media&#x26;token=9a95ce98-76a0-461f-ad6c-ea510ba0c193" alt=""><figcaption></figcaption></figure>

#### **Login Page**

**For Login Flows** - Inside the configuration from the login page to member area pages can be set to dynamically route based on the subscription or membership status.&#x20;

The login page provides several options for the Login button:

1. Login-Active will proceed an Active member to the routed page once the Login button is clicked. The page will check for the if the subscription currently **active**.
2. Login-Inactive will proceed an Inactive member to the routed page once the Login button is clicked. The page will check for the if the subscription currently **paused** or **cancelled**.
3. Login-Automatic will automatically proceed an identified member to the routed page without the customer needing to click the Login button. The page will check for the if the subscription currently **active**.
   * This can be achieved by passing the customers login information to the login page
4. Login-Card will proceed to selected Update Card page set on the route or the first one found when there is an "action=CARD" parameter in the URL. This route will **ignore** the subscription status.

**Order Specific Routing** (The page MUST use **emailAddress** and **orderId** inputs)

1. Login-Cancel will proceed to selected Cancel page set on the route or the first one found when there is an "action=CANCEL" parameter in the URL. The page will check for the if the subscription currently **active**. Can be used to work with one-click cancels. Ex: <https://thisisatestsiteonly.com/portal?emailAddress=abc@phoneyemail.com&orderId=XXXXXXXX&action=CANCEL>
2. Login-Pause will proceed to selected Pause page set on the route or the first one found when there is an "action=PAUSE" parameter in the URL. The page will check for the if the subscription currently **active**. Can be used to work with one-click pauses. Ex: <https://thisisatestsiteonly.com/portal?emailAddress=abc@phoneyemail.com&orderId=XXXXXXXX&action=PAUSE>
3. Login-Reactivate will proceed to selected Restart page set on the route or the first one found when there is an "action=REACTIVATE" parameter in the URL. The page will check for the if the subscription currently **cancelled**. Can be used to work with one-click reactivates.  Ex: <https://thisisatestsiteonly.com/portal?emailAddress=abc@phoneyemail.com&orderId=XXXXXXXX&action=REACTIVATE>

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Ft1NdoY9EK8QKbmUnviDd%2Fimage.png?alt=media&#x26;token=03db57c6-c326-41e2-a954-5301f4716385" alt=""><figcaption></figcaption></figure>

#### **Profile Page**

The profile page allows your members to modify profile information.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FhFxIdQx0w9iaByNjXfSY%2Fimage.png?alt=media&#x26;token=07197267-27fa-4ceb-b564-d96ef15b2a54" alt=""><figcaption></figcaption></figure>

#### **Member Area Page**

The Member Area Page can be designed to store your membership information and requires authentication from a membership login page.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FlGCCpQxQUQfXszXKKfXg%2Fimage.png?alt=media&#x26;token=be42a433-a49d-4c2e-a8af-03806c87c9bb" alt=""><figcaption></figcaption></figure>

#### **Cancel Membership Page**

The Cancel Membership page is a membership area page which allows members to cancel their membership. This page requires authentication from a membership login page.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F8GJG4jBNJLV6rNp7BSta%2Fimage.png?alt=media&#x26;token=1ccb9f42-9962-42f5-86d6-e85b4dfb01ec" alt=""><figcaption></figcaption></figure>

#### **Restart Membership**

The Restart Membership page is a membership area page which allows members to restart their membership.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FZR1VxkQW6kixwhKj81xa%2Fimage.png?alt=media&#x26;token=b2adadb2-f074-4b9e-8928-b81f3c2e07be" alt=""><figcaption></figcaption></figure>

#### **Update Card**

The update card page allows the member to update their payment method. This page requires authentication from a membership login page.

***

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FoynRQzxVGiS9LyKiyyKE%2Fimage.png?alt=media&#x26;token=d3d69eae-f817-4b52-8a1d-b550094dd231" alt=""><figcaption></figcaption></figure>

#### **Change Product**

The Change Product page allows the member to change their membership product. This page requires authentication from a membership login page.
