Monday, October 16, 2017

SQUARESPACE: Adding embed code - Buy Button - Shopify Help Center

Adding embed code - Buy Button - Shopify Help Center:



<div id='product-component-124090328ea'></div>

<script type="text/javascript">

/*<![CDATA[*/



(function () {

  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';

  if (window.ShopifyBuy) {

    if (window.ShopifyBuy.UI) {

      ShopifyBuyInit();

    } else {

      loadScript();

    }

  } else {

    loadScript();

----

Adding embed code to a WordPress.org blog

You can add embed code to individual posts and to the menu on the homepage of your WordPress.org blog.

Tip

Embedded Buy Buttons are compatible with the WordPress.org platform — but not with WordPress.com. This documentation describes WordPress 4.2.2. Your version might be different. Learn more ›

Add embed code to a post

To add embed code to an individual post:
  1. In Shopify, create a Buy Button and copy its embed code from the Embed Code dialog (or click Copy embed code to clipboard):
    Generate cart embed code
  2. From your WordPress Dashboard, click Posts:
    Wp posts
  3. Click Add New to create a new post, or click the name of an existing post that you want to display a Buy Button.
  4. From the Add New Post or Edit Post page, change the text editor from Visual to Text mode:
    Wordpress editor
  5. Paste the embed code into the editor's main text field in the place where you want the Buy Button or collection to appear:
    Wordpress editor embed
  6. When you're done, click Save DraftPreview, or Publish.

Add embed code to a menu

To add embed code to a menu on the homepage:
  1. From your WordPress dashboard, click Appearance:
    Wordpress appearance
  2. Click Customize to open the theme editor, and then click Widgets:
    Wordpress customize
  3. Click the name of the area where you want to add the Buy Button or custom cart code:
    Wordpress sidebar
  4. Open an existing Text widget, or click Add a Widget, and then click Text:
    Wordpress choose widget
  5. Paste the embed code into the main text field within the Text widget:
    Buy button wordpress widget
  6. Save your changes.

Tip

If you want to change the behavior or appearance of your website's cart, you can add custom cart code to a menu on the homepage of your WordPress.org blog.

Adding embed code to your Shopify blog

You can add embed code to individual posts on your Shopify blog:
  1. From your Shopify admin, click Online Store.
  2. Click Blog Posts.
  3. From the Blog Posts page, click the title of a blog post you want to edit, or click Add blog postto create a new one:
    Shopify add blog
  4. In the Write your blog post section, click Show HTML in the rich text editor:
    Shopify rte html
  5. Paste your embed code into the main text field:
    Shopify add embed
  6. Click Save.

Adding embed code to Squarespace

Caution

Some advanced customizations on Squarespace are theme-specific. These customizations aren't supported by Shopify — use them at your own risk!
You can add embed code to individual posts in Squarespace and to the menus on your homepage. In some cases, you might want to do both. For example, you can embed a cart on your homepage to receive purchases from Buy Buttons that you embed on individual posts.
To add embed code to page elements in Squarespace:
  1. From your Squarespace dashboard, open the webpage where you want to add the embed code.
  2. Find the element on the page where you want the Buy Button or embedded cart to appear, hover over the Page Content area, and then click EDIT:
    Squarespace edit page
  3. Click the insert point where you want to add the embed code:
    Squarespace insert point
  4. In the More section of the Content Blocks dialog, click Code:
    Squarespace code block
  5. From your Shopify admin, copy the embed code from the Embed Code dialog:
    Buy button embed code
  6. From your Squarespace dashboard, paste the embed code into the CODE dialog:

'via Blog this'
Post a Comment