Frontend

Integrating Commerce7 With Your Website

Hook up your frontend website to Commerce7. Learn about the options (Full customization, utilizing Templates or using the built-in Commerce7 Storefront).

Options for integrating Commerce7 to your website

  1. Customized Site (Recommended): Customization allows you to implement widgets that allow you to plug our ecommerce tools into any modern CMS Storefront (such as WordPress or Squarespace). When you customize your site, it gives you more control over your website look and feel - while still providing you with that great back-of-house management.
  2. Pre-Built Templates: Use one of the beautiful pre-built templates created by trusted developers. Using one of these templates is a fantastic and cost-effective way to integrate Commerce7 into your site. Note that while the pre-built templates take advantage of everything that Commerce7 has to offer, you would not have the design flexibility that the fully customized option would have.
  3. Commerce7 Storefront: This option is great for wineries who want to get online quickly and is easy to configure (can easily be done without the need for a developer). Note that with this option, very limited design options are available. Learn all about the Storefront option here.


In this Article


 

Full Customization: Implementing the Widgets

If you have experience in web design, you can refer to our Designer Documentation to implement the widgets on your own. Have questions during your implementation journey? Feel free to enlist the help of the below designer/developers who are well-versed in working with Commerce7 and can provide any assistance/answers to your questions.


Pre-Built Templates

If your website could use a fresh look or if you haven't created a website yet, we've got you covered with our template options. Templates are the fastest way to get started. Simply choose a design crafted by one of our talented third-party designers, and they'll have you up and running in no time at all.

If you need assistance, you can contact support@commerce7.com and we can get you connected with the template designer.

To see a list of template options, click here. There are free templates and paid templates.

To get an idea of how editing works with the paid templates, take a look at the video here.

Screen Shot 2024-03-20 at 11.58.59 AM



Previewing the Website (prior to your design being complete)

During the onboarding process (and until your website is fully prepared), you will have access to a default website that allows you to preview your online content, including products, promotions, and checkout options. To learn about how the default website behaves and what to test, click here.

To access it, click on the account name in the upper left of any page in the Admin panel.

Screen Shot 2023-05-17 at 2.29.29 PM

NOTE: The preview website is only a sample and the files cannot be edited or used as your final website design. However - you are able to test Commerce7 functionality using the preview/default website (prior to your final design being complete). Here's how.

 


Choosing a CMS (Content Management System)

The base requirements for a CMS to work with our platform are that you must be able to inject javascript into the CMS. 

Content Management Systems we know work with Commerce7: 

  • WordPress
  • Squarespace
  • Expression Engine
  • Fae

Choosing a Website Design Partner

To integrate the widgets to your existing website or create a new custom design, you'll need a Design Partner.

If you have a designer you typically work with - great!  We are happy to support them through the process. If you don't have a designer lined up, while Commerce7 doesn't provide design services, we have a network of strong designers familiar with our platform we can recommend to you.

Choosing a Partner

You can view the full list of Commerce7's design partners here. If you're starting fresh or creating a new website, while there are many designers that could craft a beautiful website for your brand, you will want to make sure that your new website follows design and ecommerce best practices so that it's easy for your customers to navigate and purchase products.

A few designers who follow best practices and that we recommend:

You can also reach out to support@commerce7.com for a recommendation based on your specific needs.