Table Of Contents
- What are Webstore Updates
- Webstore Designer
- Root Node
- Changing the Header/ Footer Text and Links
- Reverting to a previous version of the store
- Adding a Live Chat Feature
- Adding a Mailchimp Newsletter Subscription pop-up
- Adding Google Analytics
- Adding UserWay ADA Compliance Widget
- Adding a Submenu to a new header Category
- Adding Meta Keywords and Descriptions to the webstore pages.
- Find Our Wines
- Search Results
- Terms of Use
- Help
- Account
- Sign In
- Newsletter
- Wine Club Join Thank You
- Wine Club
- Wines
- Merchandise
- Product Details
- Contact Us
- Reservations Thank You
- Reservations
What are Webstore Updates
OrderPort offers a Webstore or E-Commerce page to our clients for online sales. There are multiple versions of the store including a standard store, a Hybrid Store, and an API store. The updates below may vary based on the type of store you have. These Updates include updating links, text, and more.
We do not recommend making these updates if you are not somewhat comfortable with HTML code. If you are having trouble making any of these updates please email helpdesk@orderport.net and we can assist you further.
Please note: All wineries will have a website and a webstore. The webstore is provided by OrderPort and the edits to this store will be discussed below. If you need to edit your website you will have to do that through the platform hosting your site. Example (Wix, WordPress)
Webstore Designer
All the Updates in this document will take place through the webstore designer. Navigate to OrderPort Administration > Services > Webstore Designer.
Root Node
The Root Node will be the name of the winery. Below it, you will see a list of folders.
Changing the Header/ Footer Text and Links
Upon entering the webstore designer module, select the edit button. This will bring you to the main editing page. From here Select the "Top Header" or the "Footer" tab. To change the links, select the HTML button. This will bring you into the code of the header/footer.
Find the link you wish to change or if you want to change the Text the link is attached to. To change the text change what is between the Carets/Chevron. For Example, >Reservations<.
To change the link there are two Options the link may appear as a shortcut. If this is the case and you want to shortcut it to another OrderPort hosted page change the shortcut to the world after the / of the link. For example, href=“/reservations” is the shortcut of https://acmewinecellars.orderport.net/reservations . If you are not linking to an OrderPort Page then import the full HTML link. Update and save and Publish Changes.
Reverting to a previous version of the store
Go to Web store Designer in OrderPort Admin. Click on VERS on the top left. Click on Publish on the date before the updates were made.
Adding a Live Chat Feature
You will first need the HTML code/script for the live chat. In the Webstore designer select Edit and the the footer tab. Select the HTML button. Paste the script provided by your chat service below the </div> line. Click on Update, then click Save and Publish on the top left.
Adding a Mailchimp Newsletter Subscription pop-up
After retrieving the HTML code Go to the Webstore designer. Click on the edit button at the top of the screen and find the analytics tab. Enter your script for Mailchimp under Head Scripts and click on Save and Publish on the top left.
Adding Google Analytics
OrderPort provides support for Google Analytics 4 through Google Tag Manager with Datalayer for e-commerce to allow you to measure traffic and engagement across your webstore. The following of events are currently supported by OrderPort webstore:
- view_item_list
- view_item
- add_to_cart
- remove_from_cart
- begin_checkout
- purchase
Google Tag Manager Configuration
Before you configure your OrderPort webstore for Google Tag Manager you will need a Google account properly configured. You can learn more about Google Tag Manager here. Below are a few screenshots from the Google Tag Manager portal with a demo account that was previously configured:
1. Tags configured for the custom events we want to track:
2. GA4 Configuration tag (required).
3. Custom event (all other events are like this, just different event name)
Entering your Tracking ID in OrderPort
After retrieving the Tracking ID Go to the Webstore designer. Click on the edit button at the top of the screen and find the analytics tab. Select your provider as Google Tag Manager. Enter your GTM Tracking If in the Tracking ID slot. Save and Publish.
Adding UserWay ADA Compliance Widget
In order to utilize the ADA Accessibility Widget, you must generate the widget on https://userway.org/ by providing the URL address of your OrderPort hosted web store, for example for our acme test web site: (https://acmewinecellars.orderport.net/) If you already utilize an ADA widget a new one must be created as your current one is likely already registered to your site and not OrderPort site. Once you have the text go to webstore designer and select Edit. Then choose Analytics. Paste your script into the Body Bottom Scripts. Save and publish.
Adding a Submenu to a new header Cataegory
If a winery currently has a submenu implemented in CSS, below are the steps to add it to another section on the header menu. If a winery does not have an existing submenu, this would be considered a web-store request that needs to be completed by the helpdesk.
Once that sub menu text is in there go to webstore designer and select edit – Top Header. Click on the HTML Button.
Everything starts with a beginning bracket and has to end tag. For example: <li>Enter text here </li> It is a lot easier to just copy the entire line and paste it below the existing ending </li> tag. Make your edits to the text. <a href="URL address"></a> is the hyperlinking code on a certain text.
If you want to add a new line, copy <li></li> line that is under the <ul class="sub-menu"> line. Likewise, if you want to delete a line, you would highlight that entire row and erase it. When are finished, click on Update. Click on Save and Publish at the top left.
Adding Meta Keywords and Descriptions to the webstore pages.
To add them to the webstore open up the webstore designer and select edit. Go to the SEO tab and enter your keywords/description. Save and publish on the top left.
Find Our Wines
There is no Customer Facing Acess for this Section.
Search Results
There is no Customer Facing Acess for this Section.
Terms of Use
The Terms of Use page is where you can edit your websites terms of use
Changing Terms of Use Text
From the webstore designer select the Terms of Use tab and then select edit. On the top right click on Zones and then ColumnLeft - Op Text. Edit your text and afterward click on Save and Publish on the top left to publish your changes.
Can I remove the Terms of Use requirement at Checkout
For Compliance purposes, this is not Legally Possible.
Help
The Help page is where you can edit your text on the Help Page.
Changing Help Text
From the webstore designer select the Help tab and then select edit. On the top right click on Zones and then ColumnLeft - Op Text. Edit your text and afterward click on Save and Publish on the top left to publish your changes.
Account
The Account page is where you can edit one line of text on the Customer Account screen.
Changing Help Text
From the webstore designer select the Account tab and then select edit. On the top right click on Zones and then ColumnCenter - Op Text. Edit your text and afterward click on Save and Publish on the top left to publish your changes.
Sign In
There is no Customer Facing Acess for this Section.
Newsletter
The Newsletter page is where you can edit what feilds are captured for joing the News letter.
Editing the newsletter page feilds.
From the webstore designer select the newsletter tab and then select edit. On the top right click on Zones and then ColumnLeft - Op Text. Edit your text and afterward click on Save and Publish on the top left to publish your changes.
Wine Club Join Thank You
The Wine Club Join Thank You page is where you can edit what text displays after someone joins the wine club from the webstore.
Wine Club Join Text
From the webstore designer select the Wine Club Join Thank You tab and then select edit. In the content, tab edit the language in the text box. Save and publish.
Wine Club
The Wine Club page is where you can edit what text displays on the Wine Club Selection Page.
Wine Club Webstore Text
From the webstore designer module select the wine club page and click “Edit” at the top of the page. On the top right-hand side click “Zones” and then “ColumnLeft –Op Text”. Edit the desired information and then “Save and publish.” It will ask you to do this twice.
Wines
The Wines page is where you can edit what text displays on the Wines Group Pages and how many products will display.
Changing Page Size
From Webstore designer, select ”Wines" on the lefthand side of the page. Then select edit from the top menu. Next, look for the tab labeled "Zones" on the top right hand corner. Once you have selected "Zones", look for the category "left side" in the Zones drop-down menu. Select the subcategory "Left – catalog v1.1". Select "settings" and page size field. Set the number of items you wish to appear on the page. (In most cases the default is 10). Once you have made the change, select "save and publish" at the top of the page and your changes will be live.
Editing the Wine Page Text
From the webstore designer select the Wine tab and then select edit. On the top right click on Zones and then ColumnLeft - Op Text. Edit your text and afterward click on Save and Publish on the top left to publish your changes.
Merchandise
There is no Customer Facing Acess for this Section.
Product Details
There is no Customer Facing Acess for this Section.
Contact Us
There is no Customer Facing Acess for this Section.
Reservations Thank You
The Reservations Thank You page is where you can edit what text displays after makes a reservation from the webstore.
Wine Club Join Text
From the webstore designer select the Reservation Thank You tab and then select edit. In the content, tab edit the language in the text box. Save and publish.
Reservations
There is no Customer Facing Acess for this Section.