Embedding products

As a Distribly member you can easily display products on your page or blog that then link directly to Distribly to allow people to purchase. This is known as product embedding and is a great way to generate sales and earn cash.

Benefits of embedding

As a Distribly member you can easily embed products on your website, blog, forum, profile, or anywhere else that allows you to place HTML. Here are some reasons to embed:

  • Embedding looks great and is an easy way to earn cash
  • Easily add one more more products to your page with no coding experience
  • Embedded products automatically update if the image, title, or price is updated on Distribly - meaning no maintenance for you
  • Buy now buttons link directly to Distribly checkout which should mean more sales and earnings for you
  • You can create a block of several products and build a mini 'store' in minutes.

Who can embed?

Anybody can embed Distribly products on their: website, blog, forum, profile, newsletters, or anywhere else that allows you to place HTML. As a Distribly member you can earn when you generate sales from embedded products.

Embed the products you're selling

  1. Go to the item you wish to embed
  2. Click the Seller tools tab.

Embed products other people are selling

  1. Go to the item you wish to embed
  2. Click the Embed tab.

Embed products as an Affiliate

First, you must enable the Affiliate view:

  1. Go to your Settings and click on the Affiliate tab
  2. Set the Affiliate view to On
  3. Click Save.

Once enabled, an Affiliate tab will appear on all product pages. From here you can see affiliate details for that item, as well as all of the embedding options available.

Go to my affiliate settings

Basic embed options

The following can be found on the Seller tools tab for your own products:

  • Add a Buy Now button for this product
  • Embed this product
  • Embed this product and direct customers to your store
  • Add a link to your store
  • Add a link to this product.

The following can be found on the Embed and Affiliate tabs for all products:

  • Add a link to this product
  • Add a BUY NOW button for this product
  • Embed this product.

Combining embed options

There are several options available for embedding products, which can be seen on the seller or affiliate tool pages. All you have to do is copy the HTML, then paste into your page source. Elements can also be combined, for example: you could have a buy button next to a product block, or several product blocks arranged in a grid. Below you'll find some examples of how you could embed items in a variety of ways.

For all of the examples we're using a free product, hence the prices displayed are $0.00.

Product and Buy Now vertical

In this example we arrange a product and a Buy Now button vertically:



Instructions:

To combine these elements, simply replace the red code with your code from the Seller tools or Affiliate tab of the product you wish to embed. The gray code should remain in place and you need to insert the gray style code into the Buy Now button code as below.

<!--Product--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="285" frameborder="0"></iframe>
<br />
<!--Button--><a href="https://www.distribly.com/cart/add/p432?destination=cart%2Fcheckout&aid=8" target="blank" style="display: inline-block; margin-left: 14px; margin-top: 7px;" ><img src="https://www.distribly.com/images/buy_button.png" border="0"></a>

Product and Buy Now horizontal

In this example we arrange a product and a Buy Now button horizontally:


Instructions:

To combine these elements, simply replace the red code with your code from the Seller tools or Affiliate tab of the product you wish to embed. You need to insert the gray style code into the Buy Now button code as below.

<!--Product--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="285" frameborder="0"></iframe>
<!--Button--><a href="https://www.distribly.com/cart/add/p432?destination=cart%2Fcheckout&aid=8" target="blank" style="position: absolute; left: 245px; top: 43px;" ><img src="https://www.distribly.com/images/buy_button.png" border="0"></a>

Three products vertical

You can easily combine multiple products to create a mini store, or gallery of items on your page. In this example, three products are arranged vertically:






Instructions:

To combine these elements, simply replace the red code with your code from the Seller tools or Affiliate tab of each product you wish to embed. The gray code should remain in place.

<!--Product 1--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="285" frameborder="0"></iframe>
<br />
<!--Product 2--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="285" frameborder="0"></iframe>
<br />
<!--Product 3--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="285" frameborder="0"></iframe>

Three products vertical with store link

As a seller you can easily combine multiple products to create a mini store, or gallery of items on your page. In this example, three products are arranged vertically with a link to your store:





Visit my store on Distribly

Instructions:

To combine these elements, simply replace the red code with your code from the Seller tools tab of each product you wish to embed. The store link can be used from any of your products. The gray code should remain in place.

<!--Product 1--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="285" frameborder="0"></iframe>
<br />
<!--Product 2--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="285" frameborder="0"></iframe>
<br />
<!--Product 3--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="285" frameborder="0"></iframe>
<p style="margin-left: 14px; border-top: 1px solid #ddd; width: 245px; padding-top: 6px; font-family: arial,heletica,sans-serif; font-size: 14px; color: #444;"><!--Your store link-->Visit my <a href="https://www.distribly.com/user/8/store?aid=8" target="_blank">store</a> on <a href="https://www.distribly.com/?aid=8" target="_blank">Distribly</a></p>

Three products horizontal

You can easily combine multiple products to create a mini store, or gallery of items on your page. In this example, three products are arranged horizontally:


Instructions:

To combine these elements, simply replace the red code with your code from the Seller tools or Affiliate tab of each product you wish to embed.

<!--Product 1--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="210" frameborder="0"></iframe><!--Product 2--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="210" frameborder="0"></iframe><!--Product 3--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0?aid=8" scrolling="no" height="90" width="210" frameborder="0"></iframe>

Three products horizontal with store link

As a seller you can easily combine multiple products to create a mini store, or gallery of items on your page. In this example, three products are arranged horizontally with a link to your store:


Visit my store on Distribly

Instructions:

To combine these elements, simply replace the red code with your code from the Seller tools tab of each product you wish to embed. The store link can be used from any of your products. The gray code should remain in place.

<!--Product 1--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0" scrolling="no" height="90" width="210" frameborder="0"></iframe><!--Product 2--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0" scrolling="no" height="90" width="210" frameborder="0"></iframe><!--Product 3--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0" scrolling="no" height="90" width="210" frameborder="0"></iframe>
<br />
<p style="margin-left: 14px; border-top: 1px solid #ddd; width: 616px; padding-top: 6px; font-family: arial,heletica,sans-serif; font-size: 14px; color: #444;"><!--Your store link-->Visit my <a href="https://www.distribly.com/user/8/store?aid=8" target="_blank">store</a> on <a href="https://www.distribly.com/?aid=8" target="_blank">Distribly</a></p>

Product grid with store link

You can easily combine multiple products to create a mini store, or gallery of items on your page. In this example, six products are arranged in a grid with a link to your store. If you aren't the seller you can simply remove the store link to create product grids:




Visit my store on Distribly

Instructions:

To combine these elements, simply replace the red code with your code from the Seller tools or Affiliate tab of each product you wish to embed. The store link can be used from any of your products. The gray code should remain in place. If you aren't the seller then simply remove everything after the second '<br />' to create product grids.

<!--Row 1 - Product 1--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0" scrolling="no" height="90" width="210" frameborder="0"></iframe><!--Row 1 - Product 2--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0" scrolling="no" height="90" width="210" frameborder="0"></iframe><!--Row 1 - Product 3--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0" scrolling="no" height="90" width="210" frameborder="0"></iframe>
<br />
<!--Row 2 - Product 1--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0" scrolling="no" height="90" width="210" frameborder="0"></iframe><!--Row 2 - Product 2--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0" scrolling="no" height="90" width="210" frameborder="0"></iframe><!--Row 2 - Product 3--><iframe src="https://www.distribly.com/embed/single-product/432/USD/8/0" scrolling="no" height="90" width="210" frameborder="0"></iframe>
<br />
<p style="margin-left: 14px; border-top: 1px solid #ddd; width: 616px; padding-top: 6px; font-family: arial,heletica,sans-serif; font-size: 14px; color: #444;"><!--Your store link-->Visit my <a href="https://www.distribly.com/user/8/store?aid=8" target="_blank">store</a> on <a href="https://www.distribly.com/?aid=8" target="_blank">Distribly</a></p>

Changing the currency

By default, the currency of the embedded item will be set to your account currency. In the example below, the currency is set to USD, and you can see this in the code.

<iframe src="https://www.distribly.com/embed/single-product/432/USD/1/8?aid=8" scrolling="no" height="170" width="240" frameborder="0"></iframe>

To display prices in other currencies, simply replace USD in the URL, with the currency of your choice. The currencies available are:

Code Currency
EUR Euro
AUD Australian Dollar
GBP British Pound
CAD Canadian Dollar
JPY Japanese Yen
NZD New Zealand Dollar
CHF Swiss Franc
USD US Dollar

Back to top

Your current settings
  • English
  • USD - US Dollar
Change settings