Sitebuilder Plus: Add HTML

  • 1
  • 83
  • Article
  • Updated 2 months ago
  • (Edited)
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.
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 43,036 Points 20k badge 2x thumb

Posted 7 years ago

  • 1
  • 83
Photo of Heather7109

Heather7109

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
How to add a Pintrest button to the page.


Went to the Pintrest Widget builder site and created a Pin It button. The final step is to copy and paste the code on the page to make the Pin It button appear. Where do I paste this code? Is there a particular place to paste the code?
Photo of Kathryn7086

Kathryn7086

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
Does Homestead support framesets.


I have a page with framesets. One of the frames loads a src registration2 but it does not work. So the question is does Homestead support frames?

'
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
Yes. but you do have create/add the code manually. The Sitebuilder itself will not do it.
Photo of Robert7237

Robert7237

  • 102 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
Google remarketing.


I am trying to add Google's remarketing tag code to my website. It says"copy the remarketing tag code and paste it at the bottom of all pages, before the closing "" tag. I can't find the "" tag. Can someone tell me where to find it?
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
Robert7237, You can add it using the steps above. Just move the html box/element to the very bottom of the page so that it is below all the other content on the page.

Mike
Photo of neil7390

neil7390

  • 102 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
Google Analytics.


I need to know how to get the code for Google Analytics on to my websites?
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
You can just add it to the body of each page using the steps above.
Photo of Josh1563

Josh1563

  • 104 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
PayPal link doesn't show up on everyone's computer when they try to pay online. WHY???.


Why do so many of my customers say the pay pal link isn't showing up on my website? I have a lot of people that pay online via the paypal link and as many say the link is not there. Please help. This is a great inconvenience for my customers. Thanks
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
Whoever added the PayPal html code to your site incorrectly placed it in the head section.  You'll need to remove it from there and add it to the body/page.  Follow the steps on this thread to add the code. You'll just place the html box on the page where you want the button to appear.

Mike
Photo of Josh1563

Josh1563

  • 104 Points 100 badge 2x thumb
So I removed the link from all the pages except the make payments page. Will that resolve the problem with some customers not being able to see the link? Also, is there a reason that it doesn't show up on mobile devices? Or do I need a different set up for that? And thank you for your help. It's much appreciated.
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Good morning Josh1563,

You still need to move the code from the header into an HTML box on the page.  Cut/paste the code from the page settings into an HTML box as per the instructions above.

Drew
Photo of Maurice1550

Maurice1550

  • 94 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
How do you add a Hit counter/View counter to your page? I cant find the option for it..


Views/ hit counter
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
Maurice1550,   Just do a Google search for "hit counter" and you'll find dozens of sites and options.  You'll just need to copy and paste the html code into an html box as shown on this thread.

Mike
Photo of Maurice1550

Maurice1550

  • 94 Points 75 badge 2x thumb
Oh ok! Didnt know it was going to be that simple, thanks a lot Mike appreciate it, will try that right now.


Maurice 
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
You're welcome
This reply was created from a merged topic originally titled
add counter.


how can i add it?
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
cooperselitebody5983
,   You can easily find a variety of different hit counters by searching Google. Once you find one you like, you can copy and paste the code into an html box like shown in this thread.

Mike
Photo of April7330

April7330

  • 114 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
Shooting for the moon!.


Hello. I am hoping to find how to add a moon-phase widget to my page. I have the code that I am to add to my page, but don't see how to do that on this end. I'd appreciate advice. Thank you!
Photo of April7330

April7330

  • 114 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
Shooting for the moon!.


Hello. I am hoping to find how to add a moon-phase widget to my page. I have the code that I am to add to my page, but don't see how to do that on this end. I'd appreciate advice. Thank you!
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
This topic shows how to add an html element to the page.  

Mike 
Photo of Phillip Sain

Phillip Sain

  • 432 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled
I need an Html code to be able to put social media buttons on my website..


I need an Html code to be able to put social media buttons on my website i need the Facebook , Pinterest and twitter my website is www.insainhotsauce.com or if you want to install the code for me that would be cool.
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
Correct.  The Storefront plan is the Bigcommerce system. The link I posted above shows you how to add the social icons. 
Photo of Phillip Sain

Phillip Sain

  • 432 Points 250 badge 2x thumb
i cant get them to work ?
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
Can you please be more specific as to where you are stuck or having problems.?   If you are following the steps provided, let us know which step you are stuck on, any error messages etc. so we know how to help you 
Photo of Phillip Sain

Phillip Sain

  • 432 Points 250 badge 2x thumb
I go through all the steps and no social media buttons show up on my home Page
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Separate topic Please reference the new topic here: Need help adding social media icons
Photo of Don6251

Don6251

  • 104 Points 100 badge 2x thumb
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.
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
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 
Photo of GCF

GCF

  • 82 Points 75 badge 2x thumb
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?
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Any java or html can be added in an HTML box as per the instructions above.

Thanks

Drew
Photo of Virginia4493

Virginia4493

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled How do I add a google calendar to my site?.
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
After you get the embed code from Google use the steps on this page.
Photo of David2598

David2598

  • 178 Points 100 badge 2x thumb
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?
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
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. 
Photo of David2598

David2598

  • 178 Points 100 badge 2x thumb
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.
Photo of Mike F.

Mike F., Alum

  • 184,698 Points 100k badge 2x thumb
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 
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...
Photo of Malu1474

Malu1474

  • 112 Points 100 badge 2x thumb
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.
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
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.


Photo of Gene2010

Gene2010

  • 262 Points 250 badge 2x thumb
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....
Photo of Gene2010

Gene2010

  • 262 Points 250 badge 2x thumb
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....
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Gene2010,

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

Gene2010

  • 262 Points 250 badge 2x thumb
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!
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
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.
Photo of Gene2010

Gene2010

  • 262 Points 250 badge 2x thumb
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
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
You want to make sure that after you import the image, that the image is published. To do this, in the file manager, select the files and click publish. You can tell if it's published or not by scrolling to the right and checking the status of the file. If it says "!publish" that means it needs to be published. If it says "ok" it is published and is fine.

Photo of Gene2010

Gene2010

  • 262 Points 250 badge 2x thumb
I went in and published all of the files and the slideshow still isn't showing. Any other ideas? Thanks for your help.
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
I'm still not showing them published. You want to make sure you are in the file manager, and you select the file then publish at the top. Hitting publish, when not in the file manager, will only publish the pages and objects on the page.

Photo of Gene2010

Gene2010

  • 262 Points 250 badge 2x thumb
Hello,

Thank you so much it seems to be working. Also, I don't see anywhere to change the color of the outline of the square. It is blue and I made it with black. I don't see any code in the HTML code. Thanks again.
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
This should be somewhere in the Slide-styles.css file somewhere.
Photo of Dianne7358

Dianne7358

  • 132 Points 100 badge 2x thumb
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.
Photo of Christopher3584

Christopher3584

  • 82 Points 75 badge 2x thumb
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
Photo of Char342

Char342

  • 314 Points 250 badge 2x thumb
I have a Zoomify Map html and a followed the instructions for adding an html but got site error 404.

Thanks.
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
I can take a look at this for you. What page did you add the code on?
Photo of Sharon4687

Sharon4687

  • 388 Points 250 badge 2x thumb
No idea what I'm doing with javascript. :-)
Photo of Sharon4687

Sharon4687

  • 388 Points 250 badge 2x thumb
sorry - I cannot figure out how this help forum works. I just replied in a random place. Please ignore.
Photo of Sharon4687

Sharon4687

  • 388 Points 250 badge 2x thumb
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?
Photo of Sharon4687

Sharon4687

  • 388 Points 250 badge 2x thumb
Anyway, it starts with:
Photo of Sharon4687

Sharon4687

  • 388 Points 250 badge 2x thumb
It isn't showing up here - sorry. It starts with a triangular bracket, then says script type equals text/javascript
Photo of Sharon4687

Sharon4687

  • 388 Points 250 badge 2x thumb
By the way, I can paste it into the head tag html section, but it floats up at the top and I can't position it properly. This is the page: http://www.speaksli.com/german.html
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
You should be able to run javascript in the HTML box as well. Which page is it on? We can take a look.
Photo of Sharon4687

Sharon4687

  • 388 Points 250 badge 2x thumb
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!
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
Sharon4687, Java should be added in the same as way as HTML. Which page are you working on?
Photo of renatalfox4130

renatalfox4130

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled How to put adsense code on website.