When you first activate Commerce7 for WordPress, the following pages are created, and redirects are automatically added to ensure they work. The slugs shown here are not customizable, and if you have other pages using them, you will need to change those existing pages to ensure the new Commerce7 pages work.
By default, when this plugin created the following pages, it also placed an HTML tag in their content to ensure integration works out of the box. If you are using a page builder, please be sure to follow the steps of adding that content back in.
If you would like a demo of each of these pages, they can be found under Demo Pages in the above navigation.
Cart Page #
Slug: /cart
This page is used for the shopping cart. While the main cart functionality of Commerce7 resides within the cart flyout, the cart page can still be accessed and is required for this integration to work.
If you are using a supported page builder, do this:
- Create a section where you would like the Commerce7 cart info to display.
- Select the custom Commerce7 element and drag and drop onto your section.
- Select the type “Default” from the elements settings drop down.
If you are using Gutenberg, do this:
- Insert a shortcode block wherever you would like the Commerce7 cart data to display
- Enter
[c7wp]into the shortcode box.
If you are using WP Classic Editor, add this shortcode wherever you want the cart data to display: [c7wp]
You may also add any custom content that you wish to your Cart page.
If you are using an SEO plugin, you should edit the settings of this page to prevent indexing and archiving.
Checkout Page #
Slug: /checkout
The checkout page should not be built in a page builder, rather keep it as a normal WP page and use the classic editor or Gutenberg to add the [c7wp] shortcode. The checkout dialog will appear as a modal over top of all the page content.
If you are using an SEO plugin, you should edit the settings of this page to prevent indexing and archiving.
If your theme supports it, we recommend disabling the header and footer on this page to speed up load times.
Club Page #
Slug: /club
The club page should not be built in a page builder, rather kept as a normal WordPress page and use the classic editor or Gutenberg to add the [c7wp] shortcode. The club purchase dialog will appear as a modal over top of all the page content during signup.
What you see when viewing this page is the standard C7 club page output. It is not currently possible to add further details to these clubs listings directly from Commerce7; therefore we recommend the following:
- If you are happy with how the clubs look, simply build content around the default shortcode. If you choose this page, you can use your page builder, just be sure to add a default content type Commerce7 element.
- Create a new page called /clubs (you may remember that from the previous step!), and design anything you like. This is the path we recommend.
Collection Page #
Slug: /collection
This page is used as a default route for loading dynamic Commerce7 data. It’s required for Commerce7 to work properly.
Follow the steps above for cart to create this page in your page builder.
You may notice that viewing the page without any trailing slug on the URL results in an empty page. Don’t worry that this page is blank! You cannot add any other collections to this page. That’s just the way it is (for now!).
When viewing the page with the name of a collection added to the URL (for example, /collection/wine), you will see how the default content element populates itself with your listings. The template for this grid can be edited in the Commerce7 control panel, however you will need coding experience.
Product Page #
Slug: /product
This page is used as a default route for loading dynamic Commerce7 data. It’s required for Commerce7 to work properly.
Follow the steps above for cart to create this page in your page builder.
You may notice that viewing the page without any trailing slug on the URL results in an empty page. Don’t worry that this page is blank! You cannot add any other collections to this page. That’s just the way it is (for now!).
When viewing the page with the name of a product added to the URL (for example, /product/2019-pinot-noir), you will see how the default content element populates itself with your listings. The template for this grid can be edited in the Commerce7 control panel, however you will need coding experience.
Profile Page #
Slug: /profile
This page is used for logging in and displaying account data for logged in users. Important to note, this is not a WordPress login, rather a Commerce7 login.
Follow the steps above for cart to create this page in your page builder.
The data shown on this page can be customized with CSS, but the structure can not be altered.
Reservations Page #
Slug: /reservation
This page is used as a default route for loading dynamic Commerce7 data. It’s required for Commerce7 to work properly.
Follow the steps above for cart to create this page in your page builder.
You may notice that viewing the page without any trailing slug on the URL results in an empty page. Don’t worry that this page is blank! You cannot add any content to this page. You can however add content to warp the default HTML block or shortcode to improve the look of the reservation widget.
When viewing the page with the availability slug added to the URL (for example, /reservation/availability), you will see how the default content element populates itself with a reservation widget. When booking, a full screen overlay appears, similar to checkout pages.
Privacy Page #
This is your default privacy policy page. During activation, this page was created and set as the default “Privacy Policy Page” in your WordPress settings.
Please fill this page out with a proper privacy policy for your users, and keep in mind your local laws.
Asking a lawyer to review your policies is never a bad idea.
Terms Page #
Slug: /terms
This is your default terms and conditions page. This differs from your privacy page, as it is used to outline specific workflows in your company, such as returns, shipping, and payment methods.