Skip to main content
Brand User

644 Messages

 • 

43.9K Points

Wed, Oct 17, 2012 3:33 PM

Sitebuilder Plus: Add HTML

Sitebuilder Plus: Add HTML
Here is how you can add a widget or HTML code to your website:
  1. Click Websites Manager in the left navigation menu. Then, click Edit Site.




  2. Click Insert in the top toolbar. Select More from the drop-down menu. Then, select HTML.




  3. The HTML placeholder will automatically go to the upper left corner of your page. Click and drag the element to where you want it on your page.


  4. Then, click Enter or Paste HTML button in the HTML settings on the right.



  5. Remove the current text in the small window and copy in the html code you have for your widget.


  6. Save and Publish your website to see your HTML widget on your website.


Important: You need to use preview mode or publish your site to view your HTML code or widget. You can't see HTML elements in edit mode.

Responses

3 Messages

 • 

154 Points

6 years ago

This reply was created from a merged topic originally titled
Can a countdown date timer be added to website?.


I want to show the number of days remaining until an event.

774 Messages

 • 

184.8K Points

Don6251 ,   The best thing to do is search google for something like "html code for countdown timer" and you'll find dozens of options. Then just copy and paste the code as shown in this thread. 

Mike 

2 Messages

 • 

132 Points

6 years ago

This reply was created from a merged topic originally titled
How can i use Instagram Live Feed plugin to my website?.


I want live instagram feeds on my website, how can i use javascript plugin for the same?

1.4K Messages

 • 

262.9K Points

Any java or html can be added in an HTML box as per the instructions above.

Thanks

Drew

2 Messages

 • 

132 Points

6 years ago

This reply was created from a merged topic originally titled How do I add a google calendar to my site?.

774 Messages

 • 

184.8K Points

After you get the embed code from Google use the steps on this page.

6 Messages

 • 

230 Points

6 years ago

This reply was created from a merged topic originally titled How to add " Pin it " button to pictures.

How can I add a " Pin it " button to my pictures on my site or in my gallery?

774 Messages

 • 

184.8K Points

David2598,   You'll first need to get the code from Pinterest. Visit this page: https://help.pinterest.com/en/articles/website-widgets-and-pin-it-buttons
Then after you have the code, follow the steps on this thread to paste it into your web page. 

6 Messages

 • 

230 Points

Hey Mike. I have already done this but I only want to add the button to certain pictures and the button that i added through pinterest seems to want to pin every little thing.

774 Messages

 • 

184.8K Points

I'm not seeing any Pinit buttons on the site. Did you remove them? Which page are you working on? It sounds like you might have used the wrong code. I see some code on one page that looks like it might be for th Pinit widget. You are probably wanting the code for the Pinit button instead.  

Mike 

6 Messages

 • 

274 Points

6 years ago

This reply was created from a merged topic originally titled Please help.... Need my Paypal button posted to my website.

Please help.... this is very frustrating! I am trying to add the paypal button and has created the necessary information on Paypal.com. I have the code that I copied from Paypal to place on my website. How to I paste the code on my website. I've been at this for hours...

3 Messages

 • 

162 Points

6 years ago

This reply was created from a merged topic originally titled How can you embed video that will play requardless of what kind of player a viewe....

I have downloaded several video files and injected them into my web site. Problem is I dont have this plug in or that player and it leaves a error when I preview. Is there a way to embed video where a person can view requardless of what player/plug in they currently have on their computer? I assume there must be html code that could accomplish this.

129 Messages

 • 

18.9K Points

Malu1474,

I would recommend uploading the videos to YouTube or Vimeo, and then embed them onto your site that way. This ill make sure any customer who views your site will be able to play the video. The above article will talk about how to add a html snippet, and the html would come from YouTube/Vimeo.


16 Messages

 • 

312 Points

6 years ago

This reply was created from a merged topic originally titled I have html body and head code. I only see the page setting for head code, where....

16 Messages

 • 

312 Points

6 years ago

This reply was created from a merged topic originally titled I have html body and head code. I only see the page setting for head code, where....

1.4K Messages

 • 

262.9K Points

Gene2010,

Adding code as instructed at the top of this page, inserts the code in the body of the page.

16 Messages

 • 

312 Points

I inserted the head code in the advanced page settings in the head code box. Where do I put the code for the body section. I then tried to put the head and body code in the same box but that didn't work either. HELP!

1.4K Messages

 • 

262.9K Points

Gene2010,

The instructions, with pictures can be found in the official response at the top of the page. Adding an HTML box adds the code to the body.

16 Messages

 • 

312 Points

6 years ago

I found the right boxes but when it makes the finished product the link said it is broken. I pasted the exact code from the code maker? Any suggestions? Thanks

1.4K Messages

 • 

262.9K Points

Gene2010,

i can take a look. I can promise to be able to assist with 3rd party code. What page and what is the code supposed to do?

16 Messages

 • 

312 Points

Here you go. Thanks for your help.



<!-- Note: This element must be the first element in the <head>. -->
<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge" />
<!-- /Note -->
<link rel="stylesheet" href="css/slide-styles.css" />
<script src="js/slide.js"></script>

<div id="exibid" >
    <figure>
        <img src="image/Lighthse.jpg" />
    </figure>
    <a href="image/Lighthse.jpg"></a>
    <a href="image/Garden.jpg"></a>
    <a href="image/Biglake.jpg"></a>
    <a href="image/DSC00028.jpg"></a>
</div>
<script>
    window.exibidSlide = new Slide(document.getElementById("exibid"), {
        "animation": "fade",
        "duration": 2,
        "randomImages": false,
        "sections": 10
    });
</script>

1.4K Messages

 • 

262.9K Points

Gene, your head tag code requires a .js file be located in a js folder. The images also do not seem to be uploaded to an image folder. The code specifies paths where files are to be located. You can upload the files to the root and adjust the code to remove the folder or create the folders and add the files to the folders.

<a href="image/Lighthse.jpg"></a>
    <a href="image/Garden.jpg"></a>
    <a href="image/Biglake.jpg"></a>
    <a href="image/DSC00028.jpg"></a>

Anyplace that href specifies a path, you must use that path or edit the code.

16 Messages

 • 

312 Points

I bought this exhibeo software that is suppose to be so easy. Just drag a couple of pictures in the boxes, tell it to fade in and out and here is the code. But it doesn't look too easy. Do you know of any little html code that is easier to just get a couple of pictures to fade in and out to put on my website. Thanks

1.4K Messages

 • 

262.9K Points

No, they all seem to require some effort. You will not be able to just copy/paste the code, as you will still need to upload the images and any type of other required files. That is how it knows to transition the images.

4 Messages

 • 

182 Points

5 years ago

This reply was created from a merged topic originally titled need to post paypal html button.

paypal html is created, need to post it and publish my website.

2 Messages

 • 

132 Points

5 years ago

This reply was created from a merged topic originally titled Embed Facebook with Site Builder. Where do I paste the Facebook Page Plug In Code....

How do I properly ad the Facebook Page Plugin code to a Homestead web page in Site Builder? There are two parts to the code, seen here https://developers.facebook.com/docs/plugins/page-plugin

8 Messages

 • 

364 Points

5 years ago

I have a Zoomify Map html and a followed the instructions for adding an html but got site error 404.

Thanks.

129 Messages

 • 

18.9K Points

I can take a look at this for you. What page did you add the code on?

17 Messages

 • 

438 Points

17 Messages

 • 

438 Points

No idea what I'm doing with javascript. :-)

17 Messages

 • 

438 Points

sorry - I cannot figure out how this help forum works. I just replied in a random place. Please ignore.

17 Messages

 • 

438 Points

5 years ago

This reply was created from a merged topic originally titled How do you insert the new Amazon Native Shopping Ads script/code into a web page?....

How do you integate Amazon Native Shopping ads into a web page?

1.4K Messages

 • 

262.9K Points

Sharon4687, I assume they provide you HTML code. This topic should help.

17 Messages

 • 

438 Points

Hi, Drew. Thanks. They give me code that doesn't work in the "insert HTML" box. It is javascript, I guess. This is what it looks like (but I edited something out so don't try using it, please):

17 Messages

 • 

438 Points

17 Messages

 • 

438 Points

Anyway, it starts with:

17 Messages

 • 

438 Points

It isn't showing up here - sorry. It starts with a triangular bracket, then says script type equals text/javascript

17 Messages

 • 

438 Points

5 years ago

This reply was created from a merged topic originally titled How do I add javascript to my website?.

I know how to embed html. I now have a string of javascript to add to a webpage and have no idea how to do it. When I add it to head tag section (or whatever), it is positioned at top left side of page and I need to position it properly lower down and to the right. Thanks for your help!

1.4K Messages

 • 

262.9K Points

Sharon4687, Java should be added in the same as way as HTML. Which page are you working on?

2 Messages

 • 

132 Points

5 years ago

This reply was created from a merged topic originally titled How to put adsense code on website.