Sitebuilder Plus: Add HTML

Here is how you can add a widget or HTML code to your website:

Click Websites Manager in the left navigation menu. Then, click Edit Site.

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

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.

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

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

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

don6251

3 Messages

•

154 Points

10 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.

mike_f

782 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

10 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?

drew_n

1.4K Messages

•

262.9K Points

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

Thanks

Drew

10 years ago

virginia4493

2 Messages

•

132 Points

10 years ago

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

mike_f

782 Messages

•

184.8K Points

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

10 years ago

david2598

13 Messages

•

330 Points

10 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?

mike_f

782 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.

10 years ago

david2598

13 Messages

•

330 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.

10 years ago

mike_f

782 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

10 years ago

dreambigproevents0005

6 Messages

•

274 Points

9 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...

malu1474

3 Messages

•

162 Points

9 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.

william_s

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.

9 years ago

gene2010

16 Messages

•

312 Points

9 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....

gene2010

16 Messages

•

312 Points

9 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....

drew_n

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.

9 years ago

gene2010

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!

9 years ago

drew_n

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.

9 years ago

gene2010

16 Messages

•

312 Points

9 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

drew_n

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?

9 years ago

gene2010

16 Messages

•

312 Points

Here you go. Thanks for your help.


<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge" />

<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>

9 years ago

drew_n

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.

9 years ago

gene2010

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

9 years ago

drew_n

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.

9 years ago

dianne7358

4 Messages

•

182 Points

9 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.

christopher3584

2 Messages

•

132 Points

9 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

char342

8 Messages

•

364 Points

9 years ago

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

Thanks.

william_s

129 Messages

•

18.9K Points

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

9 years ago

sharon4687

17 Messages

•

438 Points

Thanks, William! http://www.speaksli.com/german.html

9 years ago

sharon4687

17 Messages

•

438 Points

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

9 years ago

sharon4687

17 Messages

•

438 Points

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

9 years ago

sharon4687

17 Messages

•

438 Points

9 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?

drew_n

1.4K Messages

•

262.9K Points

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

9 years ago

sharon4687

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):

9 years ago

sharon4687

17 Messages

•

438 Points

9 years ago

sharon4687

17 Messages

•

438 Points

Anyway, it starts with:

9 years ago

sharon4687

17 Messages

•

438 Points

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

9 years ago

sharon4687

17 Messages

•

438 Points

9 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!

drew_n

1.4K Messages

•

262.9K Points

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

9 years ago

renatalfox4130

2 Messages

•

132 Points

9 years ago

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

homestead_faq

Sitebuilder Plus: Add HTML

don6251

mike_f

gcf

drew_n

virginia4493

mike_f

david2598

mike_f

david2598

mike_f

dreambigproevents0005

malu1474

william_s

gene2010

gene2010

drew_n

gene2010

drew_n

gene2010

drew_n

gene2010

drew_n

gene2010

drew_n

dianne7358

christopher3584

char342

william_s

sharon4687

sharon4687

sharon4687

sharon4687

drew_n

sharon4687

sharon4687

sharon4687

sharon4687

sharon4687

drew_n

renatalfox4130

Related Conversations