How to Set Up the Ecwid SEO-friendly URLs on Adobe Muse Websites

Apr 7, 2017 by John Perry, a.k.a J-26
How to Enable Clean SEO URLs on Adobe Muse Websites
Posted Apr 7, 2017 by John Perry, a.k.a J-26

New clean SEO-friendly URLs are released in Ecwid: they now have less extra characters and are better indexed by Google. Enabling SEO-friendly links will drive more organic traffic to your store.

This post will teach you how to adjust your Adobe Muse website so that you enable new SEO-friendly URLs in your Ecwid store. If you don’t sell with Ecwid and Adobe Muse, please refer to the previous post where you can learn how to enable these new powerful links on other websites.

Before we get started, I want to let you know that this is going to be a little tricky. Unlike other .htaccess tutorials, I don’t have a generic block of code that you can paste into your file. Make sure you follow the steps below closely. Read through the whole post before you make any adjustments.

What you’ll need

  • For Ecwid (Free): make sure the Main widget in the Storefront widgets is at least V9.
  • For Ecwid (Premium): make sure the Storefront widget is at least V4.

What to add to .htaccess

Add this to the beginning of your .htaccess file (it might already be there):

RewriteEngine on

Generate rewrites

Once the code above has been added to your .htaccess file, enter the URL of your store into this generator. Copy and paste the generated code into your .htaccess file. This is the code that my store uses:

RewriteRule ^[^.]+$ .
RewriteCond %{REQUEST_URI} ^(.*)\/store\/(.+)css\/(.*)$ [NC]
RewriteRule ^ %1\/store\/css\/%3 [R=301,L]
RewriteCond %{REQUEST_URI} ^(.*)\/store\/(.+)script\/(.*)$ [NC]
RewriteRule ^ %1\/store\/script\/%3 [R=301,L]
RewriteCond %{REQUEST_URI} ^(.*)\/store\/(.+)assets\/(.*)$ [NC]
RewriteRule ^ %1\/store\/assets\/%3 [R=301,L]
RewriteCond %{REQUEST_URI} ^(.*)\/store\/(.+)images\/(.*)$ [NC]
RewriteRule ^ %1\/store\/images\/%3 [R=301,L]
The above code is just an example. The code you’ll use will likely look a little different.

Note: If your website uses multiple layouts (i.e. tablet and phone layouts) then you’ll need to add the code to the .htaccess file of each layout. To do that, simply open the tablet or phone folder, and paste the code into the .htaccess file of that folder. If there isn’t a .htaccess file in the folder, you can copy and paste the original .htaccess file.

What to change in Adobe Muse

This is the easy part. There’s a new section labeled Clean URLs available on all Ecwid plans. Toggle on the Enable Clean URLs feature, and publish your site.

SEO URLs for Adobe Muse

Points to keep in mind:

  • Once this feature is enabled and you’ve published your website, everything will appear to work. However, if you have not added the rewrite to your .htaccess file, direct links to products and reloading pages will result in a 404 error.
  • Once you publish your site with clean URLs activated, you won’t be able to preview your store locally (meaning in a temporary URL in the browser) unless you deactivate the clean URL feature. So, if you need to preview your site, just toggle the clean URL feature off until you’re ready to publish.

FAQs

How do I access my .htaccess file?

To access your .htaccess file, you’ll need access to your server and a very easy way to do this is with a free app called FileZilla. Install the app and connect to your server. Once you’re connected to your server, go to the menu bar and click View > Filename filters… and make sure none of the filters are selected. Now, open your public_html folder and you should see your .htaccess file. Right-click on it and select View/Edit. If you do not have a public_html folder, then open the root folder of your website.

Will this work with Business Catalyst?

No. You can find more details on Adobe forum.

How do I get updates to my widgets?

There are 2 ways to get updates:

  • By email — updates for the premium widgets are always sent out via email. If you haven’t received any updates, check your spam folder. If nothing is there, send an email to john@j-26.com with your order number or email address that you used to make the purchase. Updates for the free widgets can always just be downloaded directly from their page.
  • By membership — if you’re a lifetime member, updates will automatically be downloaded to your computer via Dropbox or Google Drive.
About The Author
John Perry a.k.a J-26 is the creator of Ecwid plugins for Adobe Muse. You can find a lot of useful tips for developers on his website.

Stay up to date!

Get free e-commerce tips, news and inspiring ideas delivered directly to your inbox

Also read