While we recommend that business migrate to the new webstore version, we are continuing to support the Classic Webstore. This article includes resources for managing your existing Classic Webstore.
This Article Covers:
- Managing Pages
- Managing Collections
- Menus & Navigation
- Managing Banners
- Managing Adverts
- Webstore Preferences
Pages refer to the custom web pages that are used for brand messaging or used to communicate vital information to website visitors.
To create or manage your pages, click Classic Webstore from the main menu. This will automatically direct you to the Pages section.
CommentSold provides a few page templates to get you started. However, you can edit or remove these to fit your needs.
Creating a Page
From the Pages section, click the green Add Page button at top right. This will direct you to the next steps.
On this new page, there are a few fields to complete.
Page Title—A page title is a short description of your page. This title will appear at the top of the browser when the page is visited.
Content—Enter any text, images, and formatting that you’d like to show up on this page.
URL—You’ll be asked to add the end part of the web address that you want to associate with your page. This should be a short, concise description of the page’s content. For example, the “About Us” template uses the word “about” in this field.
SEO Page Title—This will be the title that shows up when your page shows up in search engine results. Enter a short and descriptive title for your page here. Make sure to use any SEO keywords you would like included.
SEO Meta Description—This is the short description that shows up when a page is displayed in search engine results. Enter a short and enticing description of your webpage here. Use any SEO keywords you would like included.
When you’re done, click the Add Page button. Your new page will now appear under your list of pages.
Editing a Page
From the list of your pages, click the three dots next to the page you want to edit. Then click Edit. The next page will allow you to make changes. Once you’re done, click Update Page.
If you keep any of the pages that CommentSold provides you with by default, don’t forget to make changes to them to suit your needs.
Removing a Page
From the list of your pages, click the three dots next to the page you want to remove. Then click Remove. A popup will appear to ask if you’re sure. Click Delete Record to confirm.
Collections give you a way to organize your products in a way that is easy to discover and shop from. You can categorize by product type, by style, by season, or even by specific brand! How you would like to organize and label your collections is entirely up to you. With that said, it’s important to remember that your collections will have a direct impact on your site navigation.
If you do not already have the Collections you would like to feature in your webstore created, reference this article to learn how to do so.
Menus & Navigation
To manage your webstore navigation, click Classic Webstore from the left menu of your CommentSold dashboard. Then click Navigation. This is where you will manage your menus.
The Navigation tab is where you will organize and arrange the Pages and Collections you previously created into menus.
By default, any menu items contained within “Categories," “Links," and “Help” will show up in the footer menu, while menu items under “Main Menu” will show in the menu at the top.
Customizing the Footer Menu
Begin by editing Categories first. From the Navigation section of the Classic Webstore tab, click the three dots next to Categories, then click Edit. We recommend you add Collections to this section of the footer menu.
On this page, there’s a list of menu items by their Name and Link. The Name is the title of the menu item, while the Link is its accompanying URL.
By default, CommentSold will list some common categories as an example. Delete any categories you do not need by pressing Delete under “Actions."
To add a menu item, fill in the field labeled New Menu Item. Refer back to the Collection (on the Collections tab) you are linking to be sure you use the correct URL. The URL you add to the menu must match the URL of the collection to send customers to the correct Collection page. Click Save after adding or editing each of your menu items.
To rearrange the order of your menu items, click the three lines to the left of the item you want to move and drag it to where you want it positioned.
Head back to Navigation to edit the Help and Links sections. Click the three dots next to the one you want to edit then select Edit.
You will edit these in the same way you edited Categories, only this time you will be adding links to your pages instead of links to your Collections.
We recommend adding any pages concerning store policies and support under the Help section, and adding any pages containing additional information (like the About Us page) under Links.
In a separate tab or window, open the Pages section of your webstore to copy the correct title and URL for each of pages you want listed as menu items.
Customizing the Main Menu
To create or edit your main navigation menu, visit Navigation, click the three dots next to Main Menu, then click Edit. This process to edit this section is identical to customizing the footer menu, with the only difference being that this menu appears in the navigation bar at the top of your webstore.
By default, CommentSold lists Home, New Arrivals, Sale, About, and Contact here, but you can remove, edit, or create menu items. Both pages and Collections can be listed in the main menu. You can structure the main menu in whatever way you believe will create a positive shopping experience for your customers (and make adjustments over time)!
Creating Drop Down Options for the Main Menu
By default, the main menu will link customers to Pages and Collections with a single click. If desired, you can add drop down options for the Collections that are listed in the main menu.
First, you will need to create a Collection for each dropdown option. In this example, we will use Collections titled Mini Dresses, Midi Dresses, and Maxi Dresses.
Once you have added a Collection for each dropdown option, visit the Navigation tab and click the Add Menu button at the top right. This will take you to a new page where you will name your new dropdown menu.
You will need to enter the Title and Handle for your new menu. The title in this example is Dresses. The Handle is better if it is simple with no spaces, no punctuation or dashes. Here the handle will simply be dresses.
Click Save and the page will refresh to show new fields. This is where you will add all of your dropdown choices.
Add all of your dropdown selections by entering the names and links to their associated Collections here. Open your Collections in a separate tab or window to reference the Title and URLs listed for each. Make certain these match up.
Now you will need to add the menu you just created into your Main Menu. Head back to the Navigation tab. Then click the three dots to the right of Main Menu and click Edit.
Enter the title of the menu you just created in the blank field at the bottom of this page. Again, our example menu is titled “Dresses” and its URL is /dresses.
Once you’re done adding the name and link, click Save. This completes the process of adding dropdown options for a collection. Repeat this process for any other collections you’d like to create dropdown options for.
Now that you’ve set up your pages, Collections, and webstore navigation, it’s time to set up your Banners!
Banners are clickable pictures that will be at the top of your homepage. If you upload multiple images for your Banners, the webstore will automatically rotate through them.
Set as many Banners as you would like, with images and links to Collections or pages related to that image. These can be updated as often as you would like to direct shoppers to new arrivals, sale items, or any other destination on your site. This is the place to showcase your brand through creative images.
To begin, navigate to the Banners tab in the Classic Webstore tab. There will be a few sample banners that you can edit to suit your needs (or you can remove them and add your own from scratch).
To add a new Banner, click the Add Banner button at the top right. This will direct you to a new page where you will enter the Banner details.
Title—The Title is for your own use, so give your Banner a descriptive Title to reference later. Your customers will not see this.
Image—Upload the Image for your Banner. This Image must be sized to 3000px by 1055px.
URL—This is where you will enter the URL you want your banner to link to. If you want to point your Banner to a Collection, enter the URL for the Collection as in the screenshot below.
If you want to point your banner to an external website, enter the full URL for the website.
Position—Enter a numerical value if you want your Banners to be displayed in a certain order. For example, if you have two Banners and you want a specific one to be shown second, you would enter 2 for that Banner.
Status—Under Status, check the checkbox to display the Banner, or uncheck it to hide it for now. This is helpful if you want to keep your older Banners or publish a Banner at a later date.
Click Save Banner to save changes to your new banner.
To edit or delete any of your Banners, navigate to the Banners section of the Classic Webstore tab. Click the three dots next to the Banner and select Edit or Remove.
Adverts are fixed images found on the homepage. While you can use them to highlight pages and Collections that you do not have in your banners, you can also use them as another way to guide your customers to those same links. We recommend using these to highlight featured Collections on your homepage.
Navigate to the Adverts section within Classic Webstore to begin. There will be a few sample adverts that you can edit (or you can remove them and add your own from scratch).
To add a new banner, click the Add Advert button at the top of this page. This will direct you to a new page where you will enter the Advert details.
Title—The Title is for your own use, so give your Advert a descriptive Title to reference later. Your customers will not see this.
Image—Upload the Image for your Advert. This image must be 1080px by 1080px.
URL - This is where you will enter the URL you want your advert to be connected to. If you want to point your Advert to a Collection, enter the URL for the Collection as in the screenshot below.
If you want to point your Advert to an external website, enter the full URL for the website.
Position—Enter a numerical value if you want your Adverts to be displayed in a certain order. For example, if you have two Adverts and you want a specific one to be shown second, you would enter 2 for that Advert.
Status—Under Status, check the checkbox to display the Advert, or uncheck it to hide it for now. This is helpful if you want to keep your older Adverts or publish an Advert at a later date.
Click Save Advert to save changes to your new banner.
To alter or delete any of your adverts, navigate to the Adverts tab. Then click the three dots next to the advert you want to edit or remove and select Edit or Remove.
The Preferences section of the Classic Webstore tab covers elements that represent your brand, like your logo, colors, social links, homepage details, and product layout.
You’ll begin by entering a couple of essential details for your homepage, which is typically the page that welcomes your site visitors to your webstore.
Home page title—Your home page title is the title that appears in your browser’s tab when you visit the home page. This title is also what will appear as a clickable headline if your home page shows up in search engine results.
We highly recommend that you include your company name here since your audience will most likely use that as a search term to find your website.
Homepage meta description—Like the home page title, the meta description is what will appear if your home page shows up in search engine results. A good meta description should tell potential traffic what it is you offer and why they should visit your website.
Next, you’ll choose the colors that are featured throughout your webstore.
In the preview box, you will see the web elements that you can choose new colors for. If you are happy with the default colors shown, you can skip this step.
To add custom colors, click into each field to use the color picker or to enter your hex codes.
Tint Color 1—This is the color that will be applied to the account icon and the cart icon.
Tint Color 2—This is the color that will be applied to the top menu bar and search button. It will also apply to any alert bars you may choose to add to the top of your webstore.
Font Color—This color will only be applied to the text at the top of each page, which includes the text in the search button, alert bars, and the top navigation menu.
Once you are satisfied with the colors as shown in the preview box, you can move to the next step.
Next you will upload your store logo. This image must be 1000 px by 500 px with a file size under 1MB. Click Choose File and select the logo file from your hard drive. If you do not upload a logo here, your shop name will appear in place of the logo.
The next field, labeled Top Bar Message, is where you will enter a message to alert website visitors of important or urgent information. The text entered here is shown across the top of your website.
This is useful for notifying visitors of delayed shipping times, new store policies, or purchasing info. You can also use this as a way to promote your mobile app, your loyalty program, or a sale. If you do not want to display a Top Bar Message, leave this section blank.
The next few fields help connect visitors to your webstore to your other channels.
Copy and paste the links to your business’s social media profiles. These links will appear as clickable icons. If you do not want to link to a particular channel, leave that field blank.
Under Get in touch, you can enter any message or contact details you would like for visitors to see in the footer. We recommend you list your customer service contact information (email and/or phone) and your store address if you have a brick & mortar.
Once you have completed all of the desired fields, click Save.
There are just a few more settings to address before your webstore setup is complete.
Delete Store Logo—Click Delete to remove your logo and use your shop name (text) in place of it.
Default Products to Unpublished—When enabled, this feature will default new products created to being unpublished in the webstore. You will be able to publish these products manually at a later date.
List Products Side by Side on Mobile—When enabled, products will be shown side by side on the mobile webstore when using portrait mode.
Hide Sold Out Products—If this option is enabled, products with zero quantity will be hidden from Collections.
Webstore Visible on Home Page—When enabled, this will redirect your Shop URL to your webstore’s home page rather than to the account page.
Advert Overlay—When enabled, the title of an Advert's Collection or Page will show as an overlay on the Advert image.
Use New Advert Carousel—When enabled, adverts are displayed as scrollable, horizontal rows instead of as a vertically stacked display.
When you are done with all sections in this article, you are ready to start sharing your webstore! When you are ready to migrate to the new webstore version, you can find instructions for doing so here.