Placing a Buy-Me Button™ on a Website

RSS

Modified: Wednesday, 27 August 2008 12:37 PM by billwilson - Categorized as: Buy-Me Button™, Management Console

(10) » Settling Your Transactions (Batching) » Payment Gateway Setup » Placing a Buy-Me Button™ on a Website

Edit

Placing Buttons on a Website

Table of Contents [Hide/Show]

    Placing Buttons on a Website
   Dreamweaver
   Dreamweaver for Macintosh
   Frontpage
   Adobe GoLive
   Publisher
   Notepad
   See Also

Edit

Dreamweaver

Step 1: Start up Dreamweaver and open the html file where you would like to insert the Buy-Me Button™. We recommend that you place the Buy-Me Button™ next to the description of the product that is associated with the button.

Step 2: Highlight the html code for the Buy-Me Button™ that is provided within your management console.

Step 3: Go to the page where the Buy-Me Button™ is listed

Step 4: Paste the HTML code where you want the button to appear.

Step 5: Save your file and, once connected to the Internet, open the file using Internet Explorer. You should see your Buy-Me Button™. Click on the Buy-Me Button™ and if you go to a page where your product is described and "All Orders are Processed Using: SECURE SOCKETS LAYER" is displayed, then you have added your Buy-Me Button™ successfully.

Edit

Dreamweaver for Macintosh

Frontpage

To use the default Buy-Me Button™ Image:

Step 1: Go to the "View Buy-Me Button™" section within your management console.

Step 2: Place your mouse over the Buy-Me Button™ you wish to add to your page.

Step 3: Right-click on the Buy-Me Button™ and select "Copy".

Step 4: In FrontPage, place the cursor at the insertion point where you would like to place the Buy-Me Button™. We recommend that you place the Buy-Me Button™ next to the description of the product that is associated with the Button. Right-click your mouse and select "Paste".

Step 5: Save your file in FrontPage and open it using Internet Explorer. You should now see your Buy-Me Button™ in the browser.

Step 6: Click on the Buy-Me Button™. If you go to a page where your product is described and "All Orders are Processed Using: SECURE SOCKETS LAYER" is displayed, you have added your Buy-Me Button™ successfully!

To use your Own Image:

Step 1: Go to the View Buy-Me Button™ section within your management console.

Step 2: Place your mouse over the Buy-Me Button™ you wish to add to your page.

Step 3: Right-click on the Buy-Me Button™ and select "Copy Shortcut". Now you have the link address in your computer's clipboard.

Step 4: Add your own image to your website using FrontPage. We recommend that you place the Buy-Me Button™ image next to the description of the product that is associated with the Button.

Step 5: Highlight the image and press "Ctrl + k", Clear the "URL" field in the pop-up window, Paste the contents of your clipboard into the URL field of the pop-up window. (Right-click and select 'Paste'), Click OK.

Step 6: Save your file in FrontPage and open it using Internet Explorer. You should now see your Buy-Me Button™ image in the browser.

Step 7: Click on the Buy-Me Button™ image. If you go to a page where your product is described and "All Orders are Processed Using: SECURE SOCKETS LAYER" is displayed, you have added your Buy-Me Button™ successfully!

Edit

Adobe GoLive

Step 1: Start up GoLive and open the html page where you would like to insert the Buy-Me Button™. Click the tab at the top of your GoLive page that reads "Layout". Click your mouse where you would like your Buy-Me Button™ to be placed. We recommend that you place the Buy-Me Button™ next to the description of the product that is associated with the button.

Step 2: Go to the View Buy-Me Button™ section within your management console. You will have the HTML code for the Buy-Me Button™ listed next to each Buy-Me Button™.

Step 3:

A. Highlight the code with your mouse. Copy the code using (Ctrl + C) on your keyboard.

B. Go back to your GoLive page and click on the tab at the top of your GoLive page that reads "Source". After doing this, you should see your cursor already blinking in the code. All you have to do is paste. To do this, press the (Ctrl + V) on your keyboard.

Step 4:

A. Save your file and, once connected to the Internet, open your html page using Internet Explorer. You should see your Buy-Me Button™. Click on the Buy-Me Button™ and if you go to a page where your product is described and "All Orders are Processed Using: SECURE SOCKETS LAYER" is displayed, then you have added your Buy-Me Button™ successfully.

OR

B. If would like to use a custom image, add it to your site using GoLive. Click on "Window" on your menu bar, then select "Objects". (If selected with a check mark, your palate is already open) This will open your Objects palate. Click the "Objects" tab then click on the first tab under the Objects tab. (Basic tab) Click and hold your mouse button on the "?" icon. Drag the icon to your page where you want your button image to appear. Click on "Window" on your menu bar, select "Inspector". (If selected with a check mark, your palate is already open) Select the "Inspector" tab then select the "Basic" tab. Make sure your image is selected on your page. Click on the yellow folder next to the source field to select your button image. Click on the "Link" tab on your Inspector palate. Click on the yellow folder in the source field to select your button image. While your image is still selected, click on the "Link" tab on your Inspector palate. Insert the link path of your Buy-Me Button™. This can be obtained within the View Buy-Me Button™ section within your management console.

Step 5: Save your file and, once connected to the Internet, open it using Internet Explorer. You should see your Buy-Me Button™. Click on the Buy-Me Button™ and if you go to a page where your product is described and "All Orders are Processed Using: SECURE SOCKETS LAYER" is displayed, then you have added your Buy-Me Button™ successfully.

Edit

Publisher

Step 1: Go to the View Buy-Me Button™ section within your management console. Place your mouse over the Buy-Me Button™ you wish to add to your page. Right-click on the Buy-Me Button™ and select "Save Picture As". In the "Save In" box, select "Desktop". Click "Save".

Step 2: From the management console, right-click on the Buy-Me Button™ again and select "Copy Shortcut".

Step 3: In Publisher, place the cursor at the insertion point where you would like to place the Buy-Me Button™. From Publisher, click INSERT>PICTURE>FROM FILE. Look In > "Desktop". Double-click on the Buy-Me Button™ image. The image should be highlighted. If the image is not highlighted, click on the image to highlight it.

Step 4: In Publisher, click INSERT>HYPERLINK. Clear the "Internet address" box. (Hit "Delete"). Hit "CTRL + V". This will copy the address of the Buy-Me Button™. Under "Create a hyperlink to", select "a website or file on the Internet". Hit OK.

Step 5: In Publisher, click FILE>WEB PAGE PREVIEW. Click on the Buy-Me Button™.

Edit

Notepad

Step 1: Go to the View Buy-Me Button™ section within your management console.

Step 2: Copy the Buy-Me Button™ HTML displayed next to each Buy-Me Button™.

Step 3: Save your file in Notepad and, once you have an internet connection, open it using Internet Explorer. You should now see your Buy-Me Button™ in the browser. Click on it and if you go to a page where your product is described and "All Orders are Processed Using: SECURE SOCKETS LAYER" is displayed, you have added your Buy-Me Button™ successfully.

Edit