Follow

How to Add Website Tools to Your Website – HTML

Watch this video for step-by-step instructions or follow the instructions below to add your Website Tools to your website.

If your website is built in straight HTML and CSS, you will first need the html file. Find it locally on your computer or network, or you will need to download it from your website hosting service using an FTP Client such as Filezilla, Fetch, Cyberduck, or Dreamweaver.

Download your HTML file from your website hosting service

You may need to contact your hosting service for login information.

  1. Enter your login credentials in the top left and click Quickconnect.

    Login
  2. Once you are connected, look for your public_html folder. Double-click to open it.

    Public_HTML Folder
  3. Find the file for the page you want to your Website Tool to. Home page files are usually named index.html.

    Index.HTML File
  4. Drag your selected file from the right side to the left side. This will download a copy to your computer or network.

    Drag to Computer

Add Video Embed & Coupon Widget

The process for adding the Coupon Widget and the Video embed are the same. In this tutorial, we will add the Video embed as the example.

  1. Open your html file in a text editor application like Notepad, Notepad++, TextWrangler, or Dreamweaver.

    It's a good idea to save a copy for backup.

    Save a Copy
  2. Open your website in a web browser. Decide where you want to add your Video or your Coupon Widget.

    For this example, we will replace the image to the left of the Our Story headline.

    Placement
  3. Go to your html in your text editor and look for any keywords that are near the area where you want to add your Video or Coupon Widget.

    Recognizable Landmarks
  4. In a new tab, go to your myDataSphere account. Login and navigate to Website Tools in your Campaign section.

    Website Tools
  5. In your Video section, click Get Code.

    Get Code
  6. Select and copy all of the code.

    Select Code
  7. Click back to your html in your text editor and paste your code between your landmarks.

    Paste Code
  8. Save this file.
  9. In your FTP Client, drag it from the left side to the right side to upload it to your website.

    Update

Go back to your website in the browser, refresh it and you should see your Video or Coupon.

Add Mobile-Optimized Website

Below is the process to add Mobile-Optimized Website.

  1. Click to your myDataSphere tab and from your Mobile-Optimized Website section, click Get Code.

    Get Code
  2. Select all of the code and copy it.

    Copy Code
  3. Now go back into your html, find the </head> tag near the top of the document.

    Place your cursor directly before the </head> tag and hit return one or two times to create new empty lines.

    Head Tag
  4. Paste the Mobile-Optimized Website code on the newly created empty line above the </head> tag.

    Paste Code
  5. Save this file.
  6. In your FTP Client, drag it from the left side to the right side to upload it to your website.

    Update

Repeat these steps to add your Mobile Website code to each page on your website.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request
Powered by Zendesk