{"id":8945,"date":"2026-05-14T09:33:30","date_gmt":"2026-05-14T09:33:30","guid":{"rendered":"https:\/\/stage-barriano.projectbeta.biz\/shopify\/"},"modified":"2026-05-14T09:33:30","modified_gmt":"2026-05-14T09:33:30","slug":"shopify","status":"publish","type":"post","link":"https:\/\/stage-barriano.projectbeta.biz\/lt\/shopify\/","title":{"rendered":"Add our accessibility widget; make Shopify sites more ADA compliant"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1372.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><div class=\"intercom-interblocks-subheading intercom-interblocks-align-left\">\n<p>As a business, you want to make sure your online store is easy to navigate and accessible to all potential customers. But, it can be difficult to thoroughly integrate website accessibility if you\u2019re not an experienced web developer. Barriano\u2019s Shopify widget can help make your site more compliant with ADA regulations and WCAG standards. This plugin provides seamless integration of Barriano\u2019s innovative technology to move your Shopify website toward improved ADA and WCAG accessibility compliance levels. Adding the accessibility plugin is quick and easy: do it automatically through the Shopify App Store.<\/p>\n<h2 data-section-id=\"7c0wmm\" data-start=\"611\" data-end=\"701\">How to Automatically Install Barriano\u2019s Accessibility Plugin from the Shopify App Store<\/h2>\n<h3 data-section-id=\"crfgrn\" data-start=\"703\" data-end=\"749\">Step 1: Find Barriano in the Shopify Store<\/h3>\n<p data-start=\"750\" data-end=\"900\">Search for \u201cBarriano\u201d in the Shopify App Store. Select the \u201cBarriano Website Accessibility\u201d option. Then, select \u201cAdd app,\u201d followed by \u201cInstall app.\u201d<\/p>\n<h3 data-section-id=\"1aghjf9\" data-start=\"902\" data-end=\"951\">Step 2: Check Your Email for Your Credentials<\/h3>\n<p data-start=\"952\" data-end=\"1178\">If this is your first time using the Barriano widget, we will send a welcome email with your Barriano username, password, and code. You can skip this step and use your existing login credentials if you already have an account.<\/p>\n<h3 data-section-id=\"dotjgk\" data-start=\"1180\" data-end=\"1217\">Step 3: Upgrade for More Features<\/h3>\n<p data-start=\"1218\" data-end=\"1453\">This is the app\u2019s default free version. If you\u2019d like your Shopify website to achieve higher ADA and WCAG compliance standards, you can upgrade to the AI-powered version starting at $49\/month by clicking the green \u201cUpgrade Now\u201d button.<\/p>\n<h3 data-section-id=\"8cio9q\" data-start=\"1455\" data-end=\"1493\">Step 4: Enable the Widget \u2013 Step 1<\/h3>\n<p data-start=\"1494\" data-end=\"1557\">Click \u201cOpen Theme Editor to enable the widget,\u201d as shown below.<\/p>\n<h3 data-section-id=\"1gmvp7g\" data-start=\"1559\" data-end=\"1597\">Step 5: Enable the Widget \u2013 Step 2<\/h3>\n<p data-start=\"1598\" data-end=\"1648\">Toggle the Barriano widget to ON and click \u201cSave.\u201d<\/p>\n<h3 data-section-id=\"1sdo69s\" data-start=\"1650\" data-end=\"1683\">Step 6: Customize Your Widget<\/h3>\n<p data-start=\"1684\" data-end=\"1845\">You can now customize the type, color, size, and position of your Barriano icon. Be sure to click \u201cSave your settings,\u201d or your customizations will not be saved.<\/p>\n<h3 data-section-id=\"1k6w2eu\" data-start=\"1847\" data-end=\"1894\">Step 7: Generate an Accessibility Statement<\/h3>\n<p data-start=\"1895\" data-end=\"2170\">To generate an accessibility statement, select the \u201cAccessibility Statement\u201d tab found on the blue and white menu bar at the top of the page. Fill in your details and select \u201cGenerate My Accessibility Statement.\u201d Your accessibility statement will be sent to your email inbox.<\/p>\n<h3 data-section-id=\"7y7hyu\" data-start=\"2172\" data-end=\"2204\">Step 8: Preview Your Website<\/h3>\n<p data-start=\"2205\" data-end=\"2402\" data-is-last-node=\"\" data-is-only-node=\"\">To double-check that everything has been correctly installed and is working properly, preview your website by selecting the eye icon in the left menu. Your previewed site should open automatically.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":8947,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[596],"tags":[],"class_list":["post-8945","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-guides"],"_links":{"self":[{"href":"https:\/\/stage-barriano.projectbeta.biz\/lt\/wp-json\/wp\/v2\/posts\/8945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage-barriano.projectbeta.biz\/lt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage-barriano.projectbeta.biz\/lt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage-barriano.projectbeta.biz\/lt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stage-barriano.projectbeta.biz\/lt\/wp-json\/wp\/v2\/comments?post=8945"}],"version-history":[{"count":0,"href":"https:\/\/stage-barriano.projectbeta.biz\/lt\/wp-json\/wp\/v2\/posts\/8945\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage-barriano.projectbeta.biz\/lt\/wp-json\/wp\/v2\/media\/8947"}],"wp:attachment":[{"href":"https:\/\/stage-barriano.projectbeta.biz\/lt\/wp-json\/wp\/v2\/media?parent=8945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage-barriano.projectbeta.biz\/lt\/wp-json\/wp\/v2\/categories?post=8945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage-barriano.projectbeta.biz\/lt\/wp-json\/wp\/v2\/tags?post=8945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}