Steps

  1. Go to our Free Cookie Consent Solution page to start creating the Cookie Consent code that's necessary to show the notice banner on your Able Commerce website.

  2. Log in to your Able Commerce website.

  3. Go to the Website > Store Design > Widget Boards:

    TermsFeed Able Commerce Dashboard - Website - Store Design - Widget Boards option selected

  4. Click Edit on the Store Footer Dark widget:

    TermsFeed Able Commerce Dashboard - Website - Store Design - Widget Boards option - Store Footer Dark - Edit selected

  5. Switch to the Layout tab:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Layout selected

  6. Click on the + - 12 to add a new row in the layout:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Layout - Add a new row selected

  7. The new row will show at the top. Move it to the bottom. Click on the Edit icon to add a new Insert Zone:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Layout - Add a new row - Edit selected

  8. Name your Insert Zone (for example, "Cookie Banner") and click the Insert button:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Layout - Add a new row - Edit - Insert Zone Cookie Banner selected

  9. It's very important to save changes before proceeding. Click the Save button below:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Layout - Insert Zone Cookie Banner added - Save selected

  10. After saving the changes, move to the Content tab. Active content zones are shown with a blue dashed border. To add a new element to the zone, click the Edit Content button:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Content button selected

  11. The Content editor will open. Switch to the HTML tab:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Content - HTML selected

  12. Click on the Plus icon to add new HTML content to the widget content:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Content - HTML - Add new  selected

  13. The new Add HTML Snippet window will open. Name your snippet (for example, "Cookie Banner") and click on the Code View icon:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Content - HTML - Add new snippet - Cookie Banner - Code View icon selected

  14. Paste the generated free Cookie Consent code from TermsFeed:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Content - HTML - Add new snippet - Cookie Banner - Code View - Paste the Cookie Consent code selected

  15. When done, click Save at the bottom to close the window:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Content - HTML - Add new snippet - Cookie Banner - Code - Save selected

  16. Go back to the HTML tab of the Content editor. Drag and drop the newly created HTML snippet named Cookie Banner over to the right side, into the active content zone:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Content - HTML - Cookie Banner - Added selected

  17. Click Save at the bottom:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Content - HTML - Cookie Banner - Added - Save selected

  18. Go to the Storefront to preview the changes on your store:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Content - HTML - Cookie Banner - Added - Storefront selected

  19. The Cookie Consent Banner Notice is displayed on your Able Commerce Store:

    TermsFeed Able Commerce: Store Footer Dark - Edit - Content - HTML - Cookie Banner - Added - Storefront selected

You're done!