Catalog / Weebly CMS Cheatsheet

Weebly CMS Cheatsheet

A quick reference guide to Weebly, covering essential features, customization options, and best practices for building and managing websites.

Weebly Basics

Getting Started

Creating an Account:
Sign up for a free or paid Weebly account at Weebly.com.

Choosing a Theme:
Select a pre-designed theme from the Weebly theme gallery. Themes are customizable.

Domain Options:

  • Use a free Weebly subdomain (e.g., yoursite.weebly.com).
  • Register a new domain through Weebly.
  • Connect an existing domain to your Weebly site.

Site Editor Interface:
Familiarize yourself with the drag-and-drop interface, including the toolbar, elements panel, and page settings.

Adding Content

Drag and Drop Elements

Drag elements from the left sidebar onto your page (e.g., text, images, videos, maps).

Text Editing

Click on text elements to edit content directly. Use the formatting toolbar to adjust fonts, sizes, and styles.

Image Management

Upload images from your computer or use the built-in image library. Resize, crop, and add alt text to images.

Adding Pages

Create new pages from the ‘Pages’ tab. Choose from different page layouts (e.g., standard, blog, store).

Basic Settings

SEO Settings:
Set page titles, meta descriptions, and keywords for search engine optimization. Access via Pages > SEO Settings.

Favicon:
Upload a custom favicon (the small icon that appears in browser tabs). Access via Settings > General > Favicon.

Site Language:
Set the default language for your website. Access via Settings > General > Site Language.

Customization and Design

Theme Options

Theme Customization

Use the theme options to change colors, fonts, and other design elements. Access via Theme > Customize.

Header and Footer

Customize the header and footer sections of your website. Add logos, navigation menus, and contact information.

Custom CSS/HTML

Add custom CSS or HTML code to further customize your website’s design. Available on paid plans. Access via Settings > SEO > Footer Code or Header Code.

Advanced Design

Section Backgrounds:
Add background colors, images, or videos to individual sections of your pages. Edit section > Background.

Animations:
Use animations to add visual interest to your website. Animate elements on scroll or hover. Some themes provide built-in options, others require custom code.

Mobile Responsiveness:
Ensure your website is mobile-responsive. Weebly themes are generally responsive by default, but always test on different devices.

E-commerce Features

Setting Up Your Store

Adding Products

Add products with descriptions, images, prices, and options (e.g., size, color). Go to Store > Products > Add Product.

Payment Options

Configure payment options (e.g., Stripe, PayPal). Go to Store > Setup > Payment.

Shipping Settings

Set up shipping rates and options. Go to Store > Setup > Shipping.

Tax Settings

Configure tax settings based on your location. Go to Store > Setup > Tax.

Managing Orders

Order Management:
View and manage orders from the ‘Orders’ tab. Mark orders as shipped, issue refunds, and track customer information.

Email Notifications:
Set up email notifications for new orders, shipping updates, and other events. Configure in Store > Setup > Notifications.

E-commerce Tools

Coupons

Create coupon codes to offer discounts to customers. Go to Store > Marketing > Coupons.

Email Marketing

Integrate with email marketing services to send newsletters and promotional emails. Use the Weebly Promote app or integrate with third-party services.

Apps and Integrations

App Center

Weebly App Center:
Explore the Weebly App Center for third-party apps and integrations to extend the functionality of your website.

Categories:
Apps are organized into categories such as e-commerce, marketing, social media, and communication.

Popular Integrations

Social Media

Integrate with social media platforms like Facebook, Instagram, and Twitter to share content and promote your website.

Marketing Tools

Use marketing tools like Google Analytics, Mailchimp, and Constant Contact to track website traffic and manage email campaigns.

E-commerce Apps

Enhance your e-commerce store with apps for product reviews, inventory management, and shipping solutions.