Website Building » Weebly » How Do I Embed HTML Code Into Weebly?

How Do I Embed HTML Code Into Weebly?

Last updated on December 28, 2022 @ 11:20 am

If you want to add HTML code to your Weebly website, there are a few different ways you can do it.

  • One is to use the Weebly HTML widget, which allows you to add your own custom HTML code to a page or blog post.
  • Another way is to embed HTML code directly into the code of your Weebly site.

To embed HTML code into your Weebly site, you’ll need to access the code of your site. To do this, go to the Weebly editor and click on “Settings.”

Then, click on “Edit HTML/CSS.” This will open up the code for your entire site.

Once you have access to the code, you can embed HTML anywhere you want. Just add your code between the <body> and </body> tags. For example, if you wanted to add a Google Maps widget to your site, you would add the following code:

<iframe
src="https://www.google.com/maps/embed?
pb=!1m14!1m12!1m3!1d3305.9432270309984!2d-
77.03627368471556!3d38.897667879824554!2m3!1f0!2f0!3f0!
3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sus!4v1407806616096"

width="600" height="450"
frameborder="0" style="border:0"></iframe>

You can also style text using HTML tags. For example, if you want to make some text bold, you would wrap it in <b> tags like this:

This is <b>bold</b> text.

You can also use <u> tags to underline text, and <p> tags to add paragraph breaks.

So there you have it – two ways to add HTML code to your Weebly site. Using the Weebly HTML widget is great for adding small snippets of code, while embedding HTML directly into your site’s code is best for adding larger pieces of code like Google Maps widgets or video players.

PRO TIP: If you are not familiar with HTML code, do not attempt to embed HTML code into your Weebly site. You can easily break your site and create problems that will be difficult to fix.
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.