Implement Accessibility in Your VPCart 9 site Using equally.ai Widget

Implement Accessibility in Your VPCart 9 site Using equally.ai Widget

Online shopping has seen a significant increase during this COVID-19 pandemic period.
The pandemic has changed retail business and over the next couple of months you can surely expect a surge in online shopping.

When a consumer comes to a store's website, they expect much of the similar in-store experience translated into a digital format. As more and more consumers are turning to online shopping, a vast number of shoppers which include people with disabilities are continuing to be left out of this lifestyle.

To overcome this huge ignored market of consumers with disabilities, it has become essential for ecommerce to go beyond aesthetically pleasing websites and provide an accessible driven online shopping experience to their customers.

Many disabled web users rely on accessibility tools, like screen readers, to more easily navigate the web. By keeping these customers in mind, you will stay compliant with ADA standards and include all customers in your shopping experience.

For a simple way to implement accessibility feature in your VPCart site, you can try to insert custom widget code from equally.ai. According to their website, their widget allow websites to compliant with ADA, WCAG, EAA/EN 301 549, and much more. Read more at: https://equally.ai/how

Below are the steps on how to insert equally.ai widget into your VPCart 9:

NOTE:
- For V7 and V8 please go here.
- For V5/V6/V650 please go here.

1) Register a free account first by going to https://equally.ai/

2) Click START FOR FREE button at the top right.



3) You can choose to sign up using your Google account or Email address.



In this sample, we choose to register with our email.

4) Enter your Email, Full Name, Phone Number (optional) and Password.



Then click button "Create an account with email".

5) You should get a message to verify your email. Please check your inbox.



6) You should get the email and it has a link for you to click for verification.



7) After verification link is clicked, you can go to login page below and enter your credentials: https://equally.ai/login



8. After logged in, click Add New Website button.



9. Enter your VPCart site URL and click Add button.



10. You will see the code snippet. Please click Copy HTML code button.



11. Now, log in to your VPCart 9 administration and go to menu: Website > Template / CSS Manager.



12. On the right panel, locate the "Front Template" dropdowns and select Shoppage_trailer.html and click Edit button.



13. The file will be loaded. Pease scroll down and locate the code </body> in the big textbox.



14. BEFORE the </body>, please paste the equally.ai widget code you copied before.



15. Click Save button once done.



16. You are done. Please go to your VPCart front store and you should see the floating icon showing on bottom right.



This will allow disability person to access the menu


Times Viewed:
1197
Added By:
Wilson Keneshiro
Date Created:
9/15/2021
Last Updated:
9/15/2021