check

Easily add through header tags to any page on your Weebly site


check

Customize the header tags' font, color, capitalization, bottom margin, size, thickness, alignment, and mobile size


check

100% responsive -- the header tags will automatically resize for mobile


The H+ Tag app allows you to easily add an h1, h2, h3, h4, h5, or h6 to any page on your Weebly site.

Customize the color, font, alignment, size, mobile size, capitalization, thickness, bottom margin, or font family of your header tags.

Size recommendations for each header tag can be found by hovering over the "[ i ]" next to "size" setting in the app. You have complete control over the sizing for each header tag.

By default, all header tags are set to "desktop" for mobile sizing. As you would gather, this means that the mobile size of your header tags will remain the desktop size unless you choose another mobile sizing option.

You have the freedom to make the header tags any size you want for desktop and mobile. For example, even though h2 tags are normally smaller than h1 tags, you can customize an h2 to be bigger then an h1 tag. This applies to both desktop and mobile sizing.

If you choose to keep the header tags proportionally sized to each other for mobile, make sure that you select the same mobile option (e.g., large, medium, small) for all your header tags. For example, you may apply the mobile size setting "large" to both an h4 and h5 tag but they'll be different sizes on mobile -- proportional (1/4 em less per header tag) to the font size applied to your theme's body tag.

To break this down even further, assume the font size of your theme's body tag is 12px. If you applied the "small" setting to all header tags, the h1 would be 28px because its "small" mobile size setting is 2em (i.e., 2em x 12px). The h2 would be 21px because its "small" mobile size setting is 1.75em (i.e., 1.75em x 12px). The h3 would be 18px because its "small" mobile size setting is 1.5em (i.e., 1.5em x 12px). The same math can be applied to the remaining header tags.

Add 1/4em to each header tag's "small" mobile setting to get the font size of the next largest mobile size setting. For example, the h1 tag's "small" mobile size setting is 2em, so its "large" mobile size setting would be 2.25em (i.e., 1/4em + 2em).

Weebly's "Title" element is an h2 tag, but with the H+ Tag app, you have an additional h2 tag that which you can apply different settings to from the "Title" element if you choose.
Free

$0
Header Tags
Easily add "h1" through "h6" header tags to any page on your Weebly site.
check
Highly Customizable
Customize the header tags' font, color, capitalization, bottom margin, size, thickness, alignment, and mobile size.
check
100% Responsive
100% responsive -- the header tags will automatically resize for mobile.
check
starsmall starsmall starsmall starsmall starsmall
starsmall starsmall starsmall starsmall starsmall
20 Ratings
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Dan Nov 03, 2019
    It is hard to edit text and you can't add bulletpoints for your headings. Please fix!
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Trevor Nov 03, 2019
    Hi Editor Tricks love it BUT i wish we could edit the line height (letter spacing is OK though) and link the text from this app
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Adrian Smith Oct 25, 2019
    Works great for me. You might need to add some custom CSS to get it looking exactly the way you want.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Robert Cockroft Oct 04, 2019
    I've used this tag many times. The only problem is the inability to control line height. If that were added, this would be a winner.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Randy Wensmann Sep 10, 2019
    was not what i expected. I wanted the H tag markup not a new line of text that I have add to the existing content.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Weebly User Aug 23, 2019
    Pretty cool. I really wish it had the option to italicize.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Weebly User May 08, 2019
    Love this app. I use it on almost every site.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Atleo Air Apr 22, 2019
    A bit slow to use, but definitely helpful for SEO and page/content structure. It would be great to see more fonts and the ability add links within H tags. Also addition of character spacing options would be helpful. Definitely a big upgrade from the default Weebly settings for Heading tags though. Thanks!
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Lisa Johnson Jan 31, 2019
    Thanks for making this available to weebly users! Very important for SEO.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Merete Stoltze Møller Jan 30, 2019
    cant add the app to the begining of the header at the theme so I cant add h1 where I need it. otherewise works ok theme light - so the head has image then text next to it, cant add the app there why dosent it just start out with h1? not even blog posts headline start out with h1
    1 - 10 of 20