Step 2: Use the code

Top  Previous  Next

(a) The screenshot below shows you a typical FrontPage window that you see when you start FrontPage

 

frotpage_files

 

(b) The HTML code that you see in your products section generates the "Add to Cart" button for your respective product. So in FrontPage, take your cursor to the location where you want to include the "Add to Cart" button for your product

 

add_to_code

 

(c) Now go back to your E-Store window and copy the product HTML code as shown below.

 

To copy the code, either:

 

      - Select the HTML code using your mouse, right-click on the selected portion and then click on "Copy"

      OR

      - Select the HTML code using your mouse, then press the Ctrl key on your keyboard and press the key "c". Release the Ctrl key after pressing "c"

 

copy_code

 

(d) Right-click on the location in FrontPage where your cursor is blinking and then click on "Paste" to paste the code that you just copied from your e-store

 

paste_code_frontpage

 

(e) The code will then be pasted in the HTML form and you will be presented with a small icon for "Paste Options" as shown below

 

paste_options

 

(f) Click on the "Paste Options" icon to expand it and select "Treat as HTML Tags"

 

html_tags

 

(g) You should see something similar to the screenshot shown below as a result of the steps above (inside the dashed bordered form). Now you are all set to test the code that you have just added for your product

 

Important: The actual "Add to Cart" button will appear only if your computer is connected to the internet

 

add_to_cart_frontpage