Features
Themes
Pricing
More
brandweebly
Developer Login
Product
Features
Themes
Pricing
App Center
Mobile Apps
Resources
Weebly Blog
Inspiration Center
Success Stories
Support
Support Center
Developer Docs
Partners
Resellers
Enterprise
Designers
Education
Company
About
Careers
Press
Contact
Features
Themes
Pricing
More
brandweebly
Developer Login
Product
Features
Themes
Pricing
App Center
Mobile Apps
Resources
Weebly Blog
Inspiration Center
Success Stories
Support
Support Center
Developer Docs
Partners
Resellers
Enterprise
Designers
Education
Company
About
Careers
Press
Contact
STAGING - Weebly for Developers
Apps
Get Started
>
Get Started with Developing Apps
Create a Developer Account
Sample Applications
Working in the Weebly UI
App Policy Requirements
Why Different Email Addresses?
Tutorial: Create an Element
>
Step 1: Design the Element
Step 2: Register the App
Step 3: Create a Local Directory Structure
Step 4: Create the Manifest
Step 5: Create the Settings
Step 6: Create the HTML Template
Step 7: Create the Styles
Step 8: Create the JavaScript
Step 9: Package, Upload, and Test Your Element
Finish!
Legal Agreements
Develop an App
>
Develop an App
Register Your App
Manage Your App
Create the App File Structure
Create the App Manifest
Upload Your App
GitHub/IDE Development Integration
Get Your App Ready to Publish
>
Create Your App Center Listing
>
Create a Pricing Plan
App Asset Guidelines
Create a Demo Site for Your App
Test Your App
Report Revenue
App Policy Review Checklist
Submit Your App For Review
Maintain Your App Post Publication
>
How to Get Your App Featured
Promote Your App
Support Your App
Manage Review Comments
Update Your App
App Installation Flow and Authentication
>
App Authorization and Install Flow
Authenticate a User from Weebly
How Site Owners Manage Your App
SSO with JWT
OLD_App Installation Flow
OLD_Authorize Your App with OAuth2
OLD_Configure OAuth
Create a Backend Service
>
Create a Backend Service
Create an Element
>
What are Elements?
Element Design Guidelines
Element Icon Guidelines
Create an Element
Add Element Folders
Add an Element to the Manifest
Create Element Settings
Element Manifest Example
Create an Element Template
Element Template Example
Add Stylesheets to an Element
Add Javascript to an Element
Create a Dashboard Card
>
What are Dashboard Cards?
Text Component
Link Component
Stat Component
Action Component
Welcome Component
Event Component
Progress Component
Group Component
Create a Dashboard Card
REST API Reference
>
About REST APIs
>
User and Site APIs
>
User API
Sites API
Page API
Forms API
>
Form Entries API
Blog API
>
Blog Post API
Store API
>
Categories API
>
Category Images API
Products API
>
Product Options API
Product SKUs API
Product SKU Option Choices API
Product Images API
Orders API
>
Order Items API
Order Shipments API
Order Shipment Transactions API
Order Billings API
Order Billing Transactions API
Coupons API
App API
>
App Payment Notification API
App Deauthorize API
Card API
Snippet API
Webhook API
Webhook Reference
>
Use Webhooks
User Webhooks
Site Webhooks
Store Webhooks
Member Webhooks
App Webhooks
Form Webhooks
Blog Webhooks
Dashboard Card Webhooks
Troubleshooting
Topic Updates
Glossary
Themes
GET STARTED WITH THEMES
>
Get Started with Themes
Sample Themes
Anatomy of a Theme
Theme Directory Structure
Tutorial: Customize a Theme
>
Step 1: Download the Base Theme
Step 2: Apply Your Theme to a Test Site
Step 3: Add a Color Palette
Step 4: Create Variations of the Theme
Step 5: Edit the Header Template
Step 6: Edit the main.less File
Step 7: Edit the Blog Post Partial
Step 8: Add a Theme Option
Step 9: Add a Screenshot
Step 10: Deliver Your Theme
Finish
Known Issues
Theme Design
>
Theme Design Guidelines
Page Requirements for Themes
Element Requirements for Themes
Create a Theme
>
How to Create a Theme
Import and Export Themes
Implement the CSS
Create the HTML Layout Templates
Use Partials
>
Blog Partials
Commerce Partials
Membership Partials
Navigation Partials
Search Partials
Create the Theme Manifest
Add Options to Your Theme
Create a Color Palette
Add Color Variations
Create a Theme Screenshot
Deliver Your Theme
Theme Resources
>
Design Resources
About LESS
About Mustache Templates
Glossary
Blog
New Page
Apps
Get Started
>
Get Started with Developing Apps
Create a Developer Account
Sample Applications
Working in the Weebly UI
App Policy Requirements
Why Different Email Addresses?
Tutorial: Create an Element
>
Step 1: Design the Element
Step 2: Register the App
Step 3: Create a Local Directory Structure
Step 4: Create the Manifest
Step 5: Create the Settings
Step 6: Create the HTML Template
Step 7: Create the Styles
Step 8: Create the JavaScript
Step 9: Package, Upload, and Test Your Element
Finish!
Legal Agreements
Develop an App
>
Develop an App
Register Your App
Manage Your App
Create the App File Structure
Create the App Manifest
Upload Your App
GitHub/IDE Development Integration
Get Your App Ready to Publish
>
Create Your App Center Listing
>
Create a Pricing Plan
App Asset Guidelines
Create a Demo Site for Your App
Test Your App
Report Revenue
App Policy Review Checklist
Submit Your App For Review
Maintain Your App Post Publication
>
How to Get Your App Featured
Promote Your App
Support Your App
Manage Review Comments
Update Your App
App Installation Flow and Authentication
>
App Authorization and Install Flow
Authenticate a User from Weebly
How Site Owners Manage Your App
SSO with JWT
OLD_App Installation Flow
OLD_Authorize Your App with OAuth2
OLD_Configure OAuth
Create a Backend Service
>
Create a Backend Service
Create an Element
>
What are Elements?
Element Design Guidelines
Element Icon Guidelines
Create an Element
Add Element Folders
Add an Element to the Manifest
Create Element Settings
Element Manifest Example
Create an Element Template
Element Template Example
Add Stylesheets to an Element
Add Javascript to an Element
Create a Dashboard Card
>
What are Dashboard Cards?
Text Component
Link Component
Stat Component
Action Component
Welcome Component
Event Component
Progress Component
Group Component
Create a Dashboard Card
REST API Reference
>
About REST APIs
>
User and Site APIs
>
User API
Sites API
Page API
Forms API
>
Form Entries API
Blog API
>
Blog Post API
Store API
>
Categories API
>
Category Images API
Products API
>
Product Options API
Product SKUs API
Product SKU Option Choices API
Product Images API
Orders API
>
Order Items API
Order Shipments API
Order Shipment Transactions API
Order Billings API
Order Billing Transactions API
Coupons API
App API
>
App Payment Notification API
App Deauthorize API
Card API
Snippet API
Webhook API
Webhook Reference
>
Use Webhooks
User Webhooks
Site Webhooks
Store Webhooks
Member Webhooks
App Webhooks
Form Webhooks
Blog Webhooks
Dashboard Card Webhooks
Troubleshooting
Topic Updates
Glossary
Themes
GET STARTED WITH THEMES
>
Get Started with Themes
Sample Themes
Anatomy of a Theme
Theme Directory Structure
Tutorial: Customize a Theme
>
Step 1: Download the Base Theme
Step 2: Apply Your Theme to a Test Site
Step 3: Add a Color Palette
Step 4: Create Variations of the Theme
Step 5: Edit the Header Template
Step 6: Edit the main.less File
Step 7: Edit the Blog Post Partial
Step 8: Add a Theme Option
Step 9: Add a Screenshot
Step 10: Deliver Your Theme
Finish
Known Issues
Theme Design
>
Theme Design Guidelines
Page Requirements for Themes
Element Requirements for Themes
Create a Theme
>
How to Create a Theme
Import and Export Themes
Implement the CSS
Create the HTML Layout Templates
Use Partials
>
Blog Partials
Commerce Partials
Membership Partials
Navigation Partials
Search Partials
Create the Theme Manifest
Add Options to Your Theme
Create a Color Palette
Add Color Variations
Create a Theme Screenshot
Deliver Your Theme
Theme Resources
>
Design Resources
About LESS
About Mustache Templates
Glossary
Blog
New Page
Apps
Get Started
>
Get Started with Developing Apps
Create a Developer Account
Sample Applications
Working in the Weebly UI
App Policy Requirements
Why Different Email Addresses?
Tutorial: Create an Element
>
Step 1: Design the Element
Step 2: Register the App
Step 3: Create a Local Directory Structure
Step 4: Create the Manifest
Step 5: Create the Settings
Step 6: Create the HTML Template
Step 7: Create the Styles
Step 8: Create the JavaScript
Step 9: Package, Upload, and Test Your Element
Finish!
Legal Agreements
Develop an App
>
Develop an App
Register Your App
Manage Your App
Create the App File Structure
Create the App Manifest
Upload Your App
GitHub/IDE Development Integration
Get Your App Ready to Publish
>
Create Your App Center Listing
>
Create a Pricing Plan
App Asset Guidelines
Create a Demo Site for Your App
Test Your App
Report Revenue
App Policy Review Checklist
Submit Your App For Review
Maintain Your App Post Publication
>
How to Get Your App Featured
Promote Your App
Support Your App
Manage Review Comments
Update Your App
App Installation Flow and Authentication
>
App Authorization and Install Flow
Authenticate a User from Weebly
How Site Owners Manage Your App
SSO with JWT
OLD_App Installation Flow
OLD_Authorize Your App with OAuth2
OLD_Configure OAuth
Create a Backend Service
>
Create a Backend Service
Create an Element
>
What are Elements?
Element Design Guidelines
Element Icon Guidelines
Create an Element
Add Element Folders
Add an Element to the Manifest
Create Element Settings
Element Manifest Example
Create an Element Template
Element Template Example
Add Stylesheets to an Element
Add Javascript to an Element
Create a Dashboard Card
>
What are Dashboard Cards?
Text Component
Link Component
Stat Component
Action Component
Welcome Component
Event Component
Progress Component
Group Component
Create a Dashboard Card
REST API Reference
>
About REST APIs
>
User and Site APIs
>
User API
Sites API
Page API
Forms API
>
Form Entries API
Blog API
>
Blog Post API
Store API
>
Categories API
>
Category Images API
Products API
>
Product Options API
Product SKUs API
Product SKU Option Choices API
Product Images API
Orders API
>
Order Items API
Order Shipments API
Order Shipment Transactions API
Order Billings API
Order Billing Transactions API
Coupons API
App API
>
App Payment Notification API
App Deauthorize API
Card API
Snippet API
Webhook API
Webhook Reference
>
Use Webhooks
User Webhooks
Site Webhooks
Store Webhooks
Member Webhooks
App Webhooks
Form Webhooks
Blog Webhooks
Dashboard Card Webhooks
Troubleshooting
Topic Updates
Glossary
Themes
GET STARTED WITH THEMES
>
Get Started with Themes
Sample Themes
Anatomy of a Theme
Theme Directory Structure
Tutorial: Customize a Theme
>
Step 1: Download the Base Theme
Step 2: Apply Your Theme to a Test Site
Step 3: Add a Color Palette
Step 4: Create Variations of the Theme
Step 5: Edit the Header Template
Step 6: Edit the main.less File
Step 7: Edit the Blog Post Partial
Step 8: Add a Theme Option
Step 9: Add a Screenshot
Step 10: Deliver Your Theme
Finish
Known Issues
Theme Design
>
Theme Design Guidelines
Page Requirements for Themes
Element Requirements for Themes
Create a Theme
>
How to Create a Theme
Import and Export Themes
Implement the CSS
Create the HTML Layout Templates
Use Partials
>
Blog Partials
Commerce Partials
Membership Partials
Navigation Partials
Search Partials
Create the Theme Manifest
Add Options to Your Theme
Create a Color Palette
Add Color Variations
Create a Theme Screenshot
Deliver Your Theme
Theme Resources
>
Design Resources
About LESS
About Mustache Templates
Glossary
Blog
New Page
Navigation Partials
The navigation partials display the menu at the top of the web page. The list and item partials display the main menu, while the list and item partials in the /flyout directory display the child menu items.
Staging Developer Center