Nice to have you back again

Download MusexPress CMS

Download MusexPress CMS and install it.

Please keep in mind that if you wanna use the new version, you need to update all of the MusexPress widgets in your Muse project (to the new version) to be sure that everything will work correctly on your site.

Download WooCommerce for Muse

Download WooCommerce and install it.

Note that if you wanna use the WooCommerce Sidebar, you need to have WooCommerce for Muse already installed (Plugins and Widgets).

Install the Plugin

After the download, you’ll get a zip file.

Unzip the file and you will find two folders: Adobe Muse Widgets and Plugins.

The first thing we need to do is to install the plugin.

So, go to your WordPress admin panel, click on Plugins and then “Add New”.

On the top of the page click on “upload plugin”.

Select the zip file from the Plugin folder on your desktop and then click on the “install now” button.

Just wait for the installation process and, once finished, click on the “Activate Plugin” button.

How to create a new Sidebar

To create a new sidebar for our Adobe Muse Template we only need to go to the Appearance Menu and then on Widgets.

As you can see on the right side of the page we can find 10 MusexPress sidebars.

We can use up to 10 sidebars on a single Muse project.

Please take in mind that only the WooCommerce native widgets that you can find in this page are fully compatible with the MusexPress Sidebar. What we have to do now is really simple.

Just drag and drop the WooCommerce widgets we need to build our sidebar.

How to use multiple Sidebars

Pay attention to the sidebar ID.

This ID is very important because we need to use it into the Muse widget menu to have our template communicating with WordPress.

If you want to use more than 1 sidebar into your Muse project, you only need to drag and drog the widgets and use different IDs –  the same ID that you can find into the WordPress admin panel (eg. For the Sidebar 2 you have to use musexpress-sidebar-2).

Install the Muse Widget

Go to the widget folder that we’ve already download from MuseGain.com and click on the widget folder. Then double click on the mulib file.

You will be redirected to Muse. You can find the widget in your library panel. There is a folder called “MusexPress – WooCommerce Sidebar” that contains 1 widget called WooCommerce Sidebar. Drag and drop it into the canvas.

We’re ready to paste the Sidebar ID we copied from the admin panel before.

Customize the Sidebar widget

Remember that you need to use it in combination with other WooCommerce widgets to have it working properly.

You can place the sidebarwherever you want and customize anything directly from the widget menu.

Please note that most of the WooCommerce widgets that you will include into the sidebar are links.

This means that to customize them you need to use the hyperlinks menu in Adobe Muse.

You can also change the font using the Muse Text Menu.

Into the Widget menu you can find a Typography section to customize the text style of your sidebar.

In the same menu you can also find the buttons, the range slider and the rating sections to customize each single widget element.

At the end you can also find the widgets margin bottom to choose the distance in pixel for all the widgets you added to the sidebar area.

Upload the Muse Template

Once your website design is finished, click on the File menu and then “upload to FTP hosting”. We insert our FTP credentials and continue. Now we have to insert the site URL. Pay attention to the “folder on server section”. That’s a very important step to have MusexPress working properly. You need to insert here the same WordPress installation path as completed before (either in root folder or in subfolder) and add  /mxp_theme. We’re ready to go to the next steps. In the Upload section select “All files” if you’re uploading MusexPress for the first time. Then you can choose “only modified files”. Click ok. You will see an FTP validation alert. Don’t worry about that. Click on Ignore and wait for the website upload.

Convert all Pages

Once the upload is completed, go to your WordPress admin panel.

Go to MusexPress menu and click in the pages converter. Select all the pages and click on the convert button.

Keep in mind that you need to convert the pages everytime you edit your Muse project and upload it again.

 

 

An alternative to Adobe Muse? Keep on building awesome websites visually with many design resources!
Explore Udesly