Home » Web Tutorials » Weebly » 70 Weebly Tips and Tricks to Power Up Your Site

70 Weebly Tips and Tricks to Power Up Your Site

Weebly allows all users including free account holders to edit the source HTML / CSS. This opens up big opportunity for webmasters to add any kind of features to their site just by modifying the source code and adding a piece of HTML on the page using embed code element. Here are some simple Weebly tips and tricks like adding scroll to top, audio player, favicon, H1 tags, table, drag and drop footer, custom footer, etc. These tips and tricks help users to make stunning Weebly site just by using available elements and modifying the HTML / CSS code.

Contact us if you have any tips and tricks and want to share with all Weebly users. The custom CSS / JavaScript / HTML codes can be added using one of the following methods:

  • Insert inline CSS, scripts and HTML directly on the page using “Embed Code” element.
  • Use header and footer code section of the page to insert page level CSS and scripts.
  • You can use header and footer code sections under site settings to insert site level CSS and scripts..
  • For blog post level codes, use header and footer code sections under blog settings.

You can also modify the source CSS and the HTML layouts in Weebly code editor which can be accessed under “Theme > Edit HTML / CSS”. We covered all possibilities of editing the source code and created these tips for adding new features. Also, check the Weebly category to find the latest blog posts.

1. Design & Layout Customization

Tip #Title
1Using Section Element on Responsive, Custom and Old Themes
2Create Landing Pages
3Drag and Drop Header for Custom/Old Themes
4Maintenance Mode Page
5Non-clickable Top-Level Menu
6Create a New Page Layout
7Create Portfolio Page
8Add Two Buttons or Remove Buttons in Landing Page
9Different Header Images per Page
10Edit Background Image
11Background Image per Page
12Header Slideshow in Free Site
13Multicolumn Footer in Free Site

2. Widgets & Embeds

Tip #Title
14Video Lightbox Popup
15Free Nivo Slider Widget
16Add Google Maps
17Horizontal Tabs Widget
18Accordion App
19Gradient Text Box
20Tooltip
21Google Calendar
22Slideshow
23Digital Clock Widget

3. Forms & User Interaction

Tip #Title
24RSVP Form
25Mailchimp Subscription
26Feedburner Subscription
27Facebook Comments Plugin
28Contact Form
29Embed Nabble Forum
30Wibiya Toolbar

4. Blogging

Tip #Title
31Related Posts
32Recent Posts Widget
33Read More Break
34H1 Title in Blog
35Schedule Blog Post
36Customize Blog Sidebar

5. Code Integration & Advanced Customization

Tip #Title
37Insert Raw HTML/CSS/JS
38Add Code in Header & Footer
39Use Bootstrap
40Font Awesome Icons
41Add CSS
42Add JavaScript
43Edit Source Code

6. Text & Typography

Tip #Title
44Change Font Styles
45Bulleted List Items
46CSS Rounded Corners
47Call To Action Button
48Text Labels
49Customize Buttons
50Customize Block Quote
51H1 to H6 Headings
52Colored Text Box

7. Media & Sharing

Tip #Title
53Pinterest Pin It Button
54Hello Bar Notification
55Twitter Timeline
56Facebook Like and Share Buttons
57Social Icons

8. Navigation & Usability Enhancements

Tip #Title
58Copy, Delete, Move Elements
59Add Phone, Social, Search Icons in Header
60Scroll To Top Button
61Add Table
62Group Pages in Navigation
63Horizontal and Vertical Dividers

9. SEO, Analytics & Performance

Tip #Title
64Cookie Notification
65Backup Weebly Site
66SEO for Weebly
67301 Redirect Setup

10. Miscellaneous & Utilities

Tip #Title
6810 Tweaks for Free Users
69What is Lightbox?
70Custom 404 Page

Leave a Comment

Your email address will not be published. Required fields are marked *