Adobe Muse lets you sell merchandise via the Shopify Cart widget. Shopify is an ecommerce solution that allows you to set up an online store to sell your goods. Shopify lets you organize your products, customize your storefront, accept credit card payments, track and respond to orders — all with a few clicks of the mouse.

Adobe Muse requires you to open an account on Shopify before you configure the Shopify widget. Once set up, you can use your Shopify account to configure the store on your website and sell merchandise, soon after.

Download Shopify widget

  1. Click the Get This Widget button.

    The Shopify widget is downloaded to your default Downloads folder. Depending on the browser you used to download the widget and the operating system on your computer, the Downloads folder is configured differently.

Add and configure shopping cart

To add and configure the Shopify button, do the following:

Note:

Before you begin configuring the Shopify widget within Adobe Muse, ensure that you set up your store and list products in your Shopify account.

  1. In Adobe Muse, select Window > Library to open the Library panel. If you haven't already done so, click the button, and import the Shopify widget.

    For information about downloading Shopify widget, see Download Shopify widget.

  2. In the Library panel, select Adobe Widgets > Shopify Widget, and drag the widget on to the web page canvas.  

  3. Select the Shopify widget, and click button to bring up the Options panel.

  4. In the Options panel, enter the following:

    Shop Name

    Enter the name of your store. For example if your store URL was musewidgeits.shopify.com, enter musewidgets.

    Item Title

    Provide a title for the item, could be the name of the product.

    Button Type

    Specify if you want to display just the Buy Button.

    Button Text

    Is "Buy Now" by default, but you may rename per your design needs.

    Button Color

    Use the color picker to set the color of the button.

    Size

    You can set the button to display at Compact (230px) or Regular (450px) sizes.

    Send User To

    Specify where you want the site visitor to be redirected on clicking the Shopify button.

  5. Click outside the Options panel to finish. Preview the web page or the site using Preview mode in Adobe Muse or select File > Page in Browser option.

Add and configure Shopify button

To add and configure the Shopify widget, do the following:

Note:

Before you begin configuring the Shopify widget within Adobe Muse, ensure that you set up your store and list products in your Shopify account.

  1. In Adobe Muse, select Window > Library to open the Library panel. If you haven't already done so, click the button, and and import the Shopify widget.

    For information about downloading Shopify widget, see Download Shopify widget.

  2. In the Library panel, select Adobe Widgets > Shopify Button, and drag the Shopify Button on to the web page canvas.  

  3. Select the Shopify button, and click button to bring up the Options panel.

  4. In the Options panel, enter the following:

    Shopify Name

    Enter the name of your Shopify store. For example if your store URL was musewidgeits.shopify.com, enter musewidgets.

    Shopify Collection(s) ID(s)

    Provide ID of your Shopify collection(s).

  5. Click outside the Options panel to finish. Preview the web page or the site using Preview mode in Adobe Muse or select File > Page in Browser option.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy