Storefront Settings

General

Here’s how you can enable features for your online store:

• Click Settings in the top right corner.
• Navigate to General under Storefront.
• In the Preferences tab, you’ll see the following features

Item Recommendations

Item Recommendations help enhance your customer’s shopping experience by displaying relevant product suggestions. You can configure upsell and cross-sell options to show upgraded or complementary items, and choose how many products appear initially on the item list page in your storefront.

Item Count

| Field | Description | | Item Count | Select the initial number of items that load in your storefront’s item list page. |

Configure Message Bar

The message bar in Zoho Commerce allows you to add and display a message for the visitors and customers on your online store. Here’s how you can enable and configure the message bar:

• Click Settings in the top right corner.
• Navigate to General under Storefront.
• In the Preferences tab, enable the Message Bar and click Configure.

• Click Save and publish the changes for them to be reflected in your online store.

Configure Cookie Bar

Cookies help a website (in this case, your online store) remember information about your customers. This makes it easier and useful for your customers by enhancing their shopping experience when they visit your online store the next time. You can enable and display the cookie bar on your online store where your customers can accept or decline the cookies.

Here’s how you can enable and configure the cookie bar:

• Click Settings in the top right corner.
• Navigate to General under Storefront.
• Navigate to the Preferences tab, enable the Cookie Bar and click Configure.

Click Save and publish the changes for them to be reflected in your online store.

Regions

The Regions section allows you to tailor regional preferences for your online store. These settings help ensure that your store content, dates, and times are localized appropriately for your online store’s audience.

• Click Settings in the top right corner.
• Navigate to General under Storefront.
• Navigate to the Regions tab, you’ll see the following fields:

Checkout

You can add fields, customise layouts, and do many more actions related to your online store’s checkout page. Here’s how:

• Click Settings in the top right corner.
• Click Checkout under Storefront.
• Navigate to the General tab, you’ll see the following fields:

General

Rich Text

You can create multiple custom fields using the rich text format. Once created, you can add these custom fields to different sections of your online store’s checkout page.

Here’s how you can create custom fields for the checkout page:

• Click Settings in the top right corner.
• Click Checkout under Storefront.
• Navigate to the Rich Text tab and click + New.
• Enter the field name and the description.
• Click Save.

The custom field will be saved and can be added to the online store’s checkout page under the Checkout Layout tab.

Validation Rules

You can create rules to set restrictions on the data being recorded. Read our help document to learn more about Validation Rules.

Checkout Layout

You can navigate to the Checkout Layout tab to customise your online store’s checkout page. You can add sections, custom fields, and so much more. Here’s how:

• Click Settings in the top right corner.
• Click Checkout under Storefront.
• Navigate to the Checkout Layout tab and click + New Section or + New Field.
• Click Save and publish your changes for them to be reflected on your online store.

Customer Portal

You can enable the customer portal, which will allow your store visitors to become registered members. After the sign up process, they can then track and cancel their orders by signing in to the member portal anytime.

• Click Settings in the top right corner.
• Click Customer Portal under Storefront.

Coupons

Here’s how you access the organization-level coupon settings:

• Go to Settings in the top right corner.
• Click Coupons under Storefront.

Domain and SSL

Domain

A domain name is a unique address that is used to identify and access websites. In other words, a domain name is the name chosen by a website owner that is brand compliant and is used to access the website.

Buy Domain

Here’s how you can buy a new domain name for your online store:

• Go to Settings in the top right corner.
• Click Domain and SSL under Storefront and click + Add domain.
• Click Buy Now.
• Search for a domain name, and you’ll see all the available ones. You can select one as per your requirements.
• Enter the registration details and click Continue.
• Check the plan details and click Continue.
• Review the order summary and click Confirm.
• Enter the billing address and payment details and click Make Payment.

The domain will be registered once the payment is done. Next, you will have to activate the domain.

You can activate this domain by accessing the link sent to your email address.

Map Domain

If you already own a domain, you can map it to Zoho Commerce. To do so:

• Go to Settings in the top right corner.
• Click Domain and SSL under Storefront and click ** + Add domain**.
• Enter the domain name that you already own and click Continue.
• The domain name will be listed under the Domains tab. Hover over the domain and click Verify.

Edit Domain

You can edit and add a subdomain to your domain. To do so:

• Go to Settings in the top right corner.
• Click Domain and SSL under Storefront.
• Navigate to the Domains tab and hover over the domain and click Edit.
• Enter a subdomain

SSL Hosting

As an online store owner, you would want your website to be safe and secure as this gives your customers extra assurance. Secure Sockets Layer (SSL) is a safety protocol

Comments and Reviews

Configure how item reviews are collected, displayed, and managed on your online store. You can follow these steps to set up item reviews effectively:

Item Reviews

• Go to Settings in the top right corner.
• Click Comments and Reviews under Storefront.The item review preferences will be listed in the Item Reviews tab.

Blog Comments

Here’s how you can configure product reviews for your store:

• Go to Settings in the top right corner.
• Click Comments and Reviews under Storefront.The item review preferences will be listed in the Blog Reviews tab.

Store Comments

Manage how users can submit comments on your product pages. Below are the available settings and what each option does:

• Go to Settings in the top right corner.
• Click Comments and Reviews under Storefront and click the Store Comments tab.

SEO

Optimize your online stores visibility in search engines using the tools available in your storefront settings. Here’s how you can do it:

• Go to Settings in the top right corner.
• Click SEO under Storefront.

Blog Preferences

You can customize how your blog appears and functions on your online store. Here’s how you can do it:

• Go to Settings in the top right corner.
• Click Blog Preference under Storefront.

Forms

You can create forms for your customers in your online store and access the information received from the customers. Set up multiple fields and benefit from them by running surveys or questionnaires that help you understand your customers’ needs. The data received can then be viewed and exported in Forms under Storefront Settings.

Add Form

Here’s how you can add a form in your online store:

• Go to Settings in the top right corner.
• Click Forms under Storefront.
• Click + New in the top right corner**.**

While creating the form, you will see three different sections. The section to the extreme left of your screen contains all the predefined and custom fields. The middle section has two tabs- form properties and field properties. The form properties are common, while the field properties vary from one field to another. The section to the extreme right is the preview of your form.

Lastly, click Save in the top right corner. The form will be displayed on your website, and you will start receiving the response details.

Edit Form

You can make changes to the form. To do so:

• Go to Settings in the top right corner.
• Click Forms under Storefront.
• Select the form you want to edit
• Click Edit Form in the top right corner**.**

After making the required changes, click Save.

Add Record

You can also add a record on behalf of a customer. Here’s how:

• Go to Settings in the top right corner.
• Click Forms under Storefront.
• Select the form you want to add the record to
• Click Add Record in the top right corner**.**

After adding all the necessary details, click Save.

Receive Email Notifications

Here’s how you can receive email notifications every time your customers submit the form:

• Go to Settings in the top right corner.

• Click Forms under Storefront.

• Select the form you want to receive email notifications

• Click the three dots in the top right corner and click Email Notifications.

• Enable the checkbox that says Set email notifications and fill out the other fields. Once done, click Save.

Delete Form

Warning: All the data will be lost and cannot be restored after you delete the form.

You can delete the form if you no longer choose to use it. To do so:

• Go to Settings in the top right corner.
• Click Forms under Storefront.
• Hover over the form you’d like to delete, and a trash icon will appear
• Click Delete to finish.

Code Snippets

The Code Snippets section allows you to add custom code to your store for advanced customization or integration with third-party tools. These snippets can be inserted into your store’s HTML to enhance functionality or track user activity. Here’s how you can do it:

• Go to Settings in the top right corner.
• Click Code Snippets under Storefront.
• Click + Add Code Snippets.
• You can enter your code snippet name with a unique and recognisable name.
• Paste the actual Code you want to embed in your store. This can include:
• JavaScript (e.g., tracking codes, widgets)
• HTML (e.g., banners or messages)
• Click Create Snippet to save and apply it to your store.

The snippet will be injected where applicable, depending on your configuration and use case.

Code

The Code in the Storefront settings allows you to customize the look and behaviour of your online store by injecting your own code. This is helpful for design tweaks, tracking, or integrating third-party services.

• Go to Settings in the top right corner.
• Click Code under Storefront.