Morfik's Amazon Ads Package provides the required functionality to make using Amazon Banners and Amazon Product Links easy on Morfik-built websites.
A quick walkthrough
To use Morfik's Amazon Ads Package, simply add the package to the project by using the ‘Used Packages’ command on the project ribbon (see Figure 1), or simply drag the package file onto the application main client area.
|Figure 1: Used Packages Command|
Once added, Amazon Ads widgets will appear on the Home ribbon when the Form Designer is active (see Figure 2). These widgets are ready to use with no need for additional coding.
|Figure 2: Widget Gallery|
To add Amazon Banners or Amazon Product Links to your website, place the appropriate widget on a form, then visit the Amazon Associates website, select the banner or link you want to show on your website, and then copy the html of the link or banner into the HTMLCode property of the widget (Figure 3). Launch your project to see the ads you have chosen to show.
|Figure 3: Adding the HTML code of the Amazon Banner to the HTMLCode property of the Amazon Banners widget. Same is done for the Amazon Product Links widget.|
|Note:||To acquire HTML codes for Amazon Banners and Amazon Product Links you have to be registered with the Amazon Associates program. If you have not yet applied for this, you may do so here. The process is cost-free and does not require sharing of private information.|
The Amazon Associates program offers associates the opportunity to profit from clicks on a banner or product link on the associate’s website, either for individual merchandise or direct links to the Amazon homepage. When visitors click on an associate's website through to Amazon and then purchase the relevant merchandise, the associate receives a commission. Amazon offers 65 categories of banners that differ in size and content, and customizable links to all the products presented on Amazon, separated into 36 categories. You may add Amazon Banners and Amazon Product Links to your Morfik-built website by placing the appropriate widget on a form and entering the HTMLCode for a Banner or a Product Link in the HTMLCode property of the widget.
Morfik's Amazon Ads Package consists of two widgets: Amazon Banners and Amazon Product Links. Let's take a closer look at how they work.
The Amazon Banners widget allows you to show Amazon Banners on your Morfik-built website. To make it work, place a widget on a form and enter the banner's HTML in the HTMLCode property (Figure 3).
|Note:||Widget will automatically adjust to the actual size of the banner chosen.|
The Amazon Product Links widget is designed to show Amazon Product Links on your website. To make it work, place a widget on a form and enter the Amazon Product Link's html in the HTMLCode property of the widget (Figure 4).
|Figure 4: Placing a Product Link widget on a form and entering the link's HTML code in the HTMLCode property of the widget.|
You may further customize this widget by changing its properties, as described below:
Border Color allows you to set the border color of the ad that will be shown on your website.
Color allows you to select a background color of an ad.
HTMLCode allows you to set the HTML code of an ad that will be shown on your website.
Open Link In New Window sets whether clicking on an ad will open it in a new or in the same browser window.
Price options allows you to chose from: Show All Prices to show Best Price and Buy New price when ad is shown Show New Prices to show only Buy New price Hide Prices to hide prices.
Use Larger Image sets whether a Large or Small product image will appear when ad is shown.
|Note:||Amazon Product Links offer three Link Types: Text and Image, Image Only and Text Only. Image Only and Text Only links are not supported as yet.|
An example of using the Amazon Ads Package
This example shows you how to bring Amazon Product Links and Amazon Banners to your project in but a few simple steps.
After installing the package, place the Amazon Product Links and Amazon Banners widgets on a form (Figure 5).
|Figure 5: Placing Amazon Banners and Amazon Product Links widgets on a form|
Next, visit the Amazon Associates website and log in using your Amazon Associates account. Select the banner you want to add to your website and copy the banner's HTML to the HTMLCode property of the widget (Figure 3). Do the same for Amazon Product Links. Now you may run the project and confirm that the ads you have chosen are shown on your website (Figure 6).
|Figure 6: Amazon Ads Package in action|