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 module in OrderPort Admin. 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 opening the Webstore Designer module, immediately click the 'Edit' button at the top of the window.
If you need to make changes to the webstore header, select the "Top Header" tab. If you need to make changes to the webstore footer, select the "Footer" tab.
To change the links, you must select the 'HTML' button. This will bring you into the source code. Do not try to update links without using the HTML source code.
In the source code popup, find the link you wish to update. If you are adding a link to an external website page, then you must import the full link into the HTML. The link should be added between the quotation marks. You can also change the title of the link. To change the link title, edit the text between the carets. Click 'Update' and then 'Save and Publish'.
See below for one example of link formatting in HTML. When updating a link, you should only need to change the bolded sections.
<li><a href="https://yourlink.com">Your Link Title</a></li>
If a link points to another OrderPort hosted webstore page, then the link may appear as a shortcut. Shortcuts only work for pages hosted on the OrderPort webstore. To update the shortcut to another OrderPort hosted page, change the shortcut to the word after the / of the webstore link.
- For example, href=“/auth” is the shortcut to https://acmewinecellars.orderport.net/auth
- Similarly, href="/wines" is the shortcut to https://acmewinecellars.orderport.net/wines
When updating links in the Webstore Designer, please reference the screenshots below. If you do not feel comfortable making HTML updates to your webstore, please call 206-464-1151 or email your request to HelpDesk@OrderPort.net.
Reverting to a previous version of the store
If you made a mistake when publishing, you can revert the webstore back to a previously published version. Open the Webstore Designer module. Click on the 'VERS' button on the top left. Click 'Publish' on the version with the date and time from 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 your webstore does not have an existing submenu, you must contact the OrderPort HelpDesk if you're interested in adding one. Please cal 206-464-1151 or email HelpDesk@OrderPort.net.
Once that submenu 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
Open the Webstore Designer module. First, select the 'Terms of Use' folder tab and then click the 'Edit' button at the top of the window. On the right, click 'Zones' and then click 'ColumnLeft - Op Text'. This will allow you to edit the content of the page. Add your website's terms of use to the main text box. Click 'Save and Publish' on the top left to publish your changes.
Can I remove the Terms of Use requirement at Checkout
For CCPA 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
On the Account page, you can add one line of text that appears at the top of the page after customers sign into their account.
Adding Text to Account Page
Open Webstore Designer > Select the 'Account' tab on the left > Click the 'Edit' button at the top of the modal > On the top right, click 'Zones' > Click 'ColumnCenter - OP Text', but if that doesn't appear, then click the green '+' next to 'ColumnCenter' then select the 'OP Text' item > Add your preferred verbiage to the Main Text box > Click the 'Save and Publish' button 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 fields are captured when joining the Newsletter.
Editing the newsletter page
Open the Webstore Designer module. Select the 'Newsletter' folder tab, and then click the 'Edit' button. On the top right, click on 'Zones' and then 'ColumnLeft - OP Text'. This is where you can edit the text that appears above the form. Add your preferred verbiage to the main text box. Click 'Save and Publish' on the top left when you are ready to publish your changes.
Under 'Zones', you will also see a section titled 'ColumnLeft - OP NewsLetter'. If you open this section, you can use the 'Mode' menu to adjust which fields appear in the newsletter form. 'FullDetails' option includes email address, first & last name, phone number, address, and country. 'EFL' option includes only email address, first name, and last name.
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.
Reservations Thank You 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.