Use with Shopify

Get the Aliadoc App for Shopify

Now using Aliadoc to enhance your Shopify web shop is easier than ever. Edit any page in your online store and publish your style updates instantly with just a few clicks.

Get the app now from the Shopify App Store

Easily find any page you want to update. Click on the "Editable shop pages" tab to access all public pages in your web store. A listing of page paths will be displayed.

Because Aliadoc reads your web shop public sitemap file and extracts a list of all available pages to edit, it is important to have your shop already live (not password protected or un-published) before using it.

You will find pages organized by type: Product, Collection, Blog or Pages. Filter by any of the available tabs using the buttons at the top left corner, there will be one per page type.

Or use the search box at the other side to quickly find the page you want by typing a few characters. Start an editing session of the desired page just by clicking on the Edit button that appears at the end of each row.

A popup will open with the page you are about to edit. There are two editable fields: the first one contains the path of the page you're about to edit. Its an editable field that you can change, useful in those cases when you can't find a page you want to edit in the listing.

The second field is initially disabled. It is the path wildcard field that only activates if you want to use the editing session to apply the changes to multiple pages sharing the same path prefix. Upon activation, a path suggestion populates its value, notice the value ends with an "*" (asterisk) character, this is a requirement that must be honored in order to continue.

When everything is OK, Start editing by clicking the Continue button.

Aliadoc's web based editor will open in a separate tab with your page loaded as faithfully as possible.
Since your page is loaded though a custom code filter by the editor, it is in fact an stripped down view of your page: Some external scripts that your page may be using won't load properly, like analytics, ads or social platform scripts among others. This is actually on purpose as it protects your site sensitive data, but it can result in parts of the page unable to display in some cases.

After doing a couple of style updates to your web page in the editor, save your changes and click on the Back arrow icon next to the Aliadoc logo at the top, to go back to the Shopify app tab or just close the tab normally.

For more details on how to use the style editor, please check our Getting started guide.

Back in the Shopify app, click on the Edited pages tab to find your newly edited page listed first. In case the tab was already active, you can just refresh the list by clicking the reload arrow button at the top right side of the app.

This tab gives you access to some other functionality for each entry like the ability to copy style changes from one page to another, or changing the path match for the page to apply changes just to the page or to many pages with a similar path prefix.

The piece of functionality you should care about the most in this listing is by far the Publish action: With this you can make the style changes you made available for the world to see.

Click on the Publish button on your edited page, displays a popup to start the process which is real quick. At the end of this quick process you will then be able to check the applied changes live immediately, served right from the powerful Shopify hosting.

Repeat as many times as needed. Edit as many pages as you want and publish them anytime.