Skip to content
Elementor Knowledge hub logo
  • Topics

    Create

    Elementor One

    Streamline your workflow with AI tools, image optimization, and unified credits

    Build with Editor

    Master widgets, layouts, and global settings

    Design your theme

    Control headers, footers, and templates site-wide

    Generate with AI

    Create content, code, and images instantly

    Optimize

    Optimize images

    Compress media for faster loading speeds

    Improve accessibility

    Fix issues and make your site inclusive

    Boost performance

    Improve Core Web Vitals and caching

    Manage Cookie Consent

    Configure privacy banners and manage user tracking

    Manage & Host

    Manage your hosting

    Handle backups, staging, and SFTP access

    Connect domains

    Link your custom URL and configure DNS

    Ensure email delivery

    Set up Site Mailer for reliable emails

    Migrate your site

    Import, export, or move to Elementor

    Account & Billing

    Manage subscription

    Upgrade, downgrade, or renew your plans

    View billing & invoices

    Download receipts and update tax details

  • Video gallery
  • Pricing
  • Mobile Buttons
    Priority support
Priority support

Build with the Editor

  • Build with the Editor
      • Getting Started with the Editor
          • ‘Go Pro’ message appears after Elementor Pro subscription
          • Access a section that is hidden
          • Activate Elementor experimental features
          • Add a blog page to your website
          • Add a Floating Bar to your site
          • Add elements to a page
          • Add text over image in Elementor
          • Adding images and icons
          • Advanced tab
          • Allowed URI Protocols
          • Become a Beta tester
          • Can I include Elementor Pro in my Theme / Hosting / DIY service?
          • Can I use Elementor Pro on WordPress.com?
          • Can I use Elementor Pro to create websites for clients?
          • Can I use other plugin widgets inside Elementor?
          • Cannot download the Elementor Pro ZIP file with the Safari browser
          • Change font size, color, family & style in Elementor website builder
          • Common Elementor issues and solutions
          • Configure page settings
          • Connect and activate your Elementor Pro license
          • Contact support if you can’t login
          • Create a blog website
          • Create a business using Elementor
          • Create a Call to Action section
          • Create a Hero section
          • Create a Single Post template
          • Create an Intro section
          • Create, edit, & style columns in Elementor
          • Creating a WooCommerce Shop Page / Archive Template with Elementor Pro
          • Define container layout
          • Description
          • Design a webpage
          • Destination folder already exists error
          • Does Elementor support shortcodes?
          • Does Elementor work on multisite?
          • Does Elementor Work with Posts and Custom Post Types?
          • Elementor Benefits - Pro VS Free
          • Elementor experts
          • Elementor Integration With ACF
          • Elementor Pro does not work
          • Elementor Pro update errors
          • Elementor System Requirements
          • Elementor Top Bar
          • Exiting the Elementor Editor
          • Explore the Elementor Editor
          • Fatal error after updating or installing Elementor
          • Get started with the Elementor plugin
          • Height snippet
          • Hide page titles
          • How can I get a full screen canvas in the editor?
          • How can I report issues or conflicts?
          • How do I build a landing page?
          • How do I create a full width page in my site?
          • How do I create anchor links?
          • How do I create my own 404 page?
          • How do I issue temporary credentials to support?
          • How many sites can I activate my license on?
          • How many versions of a post does Elementor store?
          • How to move sections in Elementor
          • I use Elementor with a Localhost, can the license be transferred to the real server?
          • Icon properties
          • Ideate your website prepare copy and assets
          • Inline editing
          • Install & activate Elementor Core
          • Install & activate Elementor Pro
          • Installing Elementor Pro with Composer
          • Is there a White Label option?
          • Layout in Elementor
          • Locate pages, posts and templates
          • Package could not be installed
          • Package could not be installed error
          • Preview & publish your page
          • Purchase an Elementor Pro plan
          • Responsive design
          • Restore a previous post
          • Revision history, undo and redo
          • Section Overview
          • Selecting measurement units
          • Set the Editor's language to differ from the site's language
          • Settings
          • Should I update Elementor?
          • Structure window indicators
          • Taking your site live
          • Understanding Elements in a web page
          • Upgrade plan error
          • Use containers to build your first page
          • Use page structure to navigate your page
          • Use sections to build your first page
          • Use the Elementor Canvas page layout
          • Using Elementor Blocks for Gutenberg
          • Using Elementor Pro with an LMS such as LearnDash or LifterLMS
          • What are inherited responsive values?
          • What are landing pages?
          • What are pages and posts? (Intro)
          • What does Elementor support cover?
          • What dynamic tags are available?
          • What happens to pages created in the free plugin after I upgrade?
          • What is a dynamic request parameter?
          • What is Elementor for WordPress?
          • What is Elementor Pro?
          • What is Elementor?
          • What is Shadow, Text Shadow and Boxed Shadow?
          • What will happen to my website(s) if I don’t renew Elementor Pro?
          • Will Elementor work if I change the domain of my website?
          • Will Elementor work with RTL or other languages?
      • Widgets
          • Access element menus
          • Accordion widget
          • Accordion widget with nested elements
          • Add & edit a background video in Elementor
          • Add a Floating Button to your site
          • Add a Google calendar to an Elementor site
          • Add a vertical divider in Elementor
          • Add an alternate template in a loop grid
          • Add an Off Canvas widget to a Loop Grid
          • Add custom code
          • Add custom CSS
          • Add dynamic shortcodes
          • Add entrance animations to your page
          • Add Facebook Pixel to Elementor
          • Add hover effects to your page
          • Add HTML tags to my section & column
          • Add Related Posts in Elementor
          • Alert widget
          • Animated Headline widget
          • Archive Posts widget
          • Atomic Form element
          • Author Box widget
          • Background slideshow
          • Basic Gallery widget
          • Basic Media Carousel widget
          • Blend Mode and CSS Filters
          • Blockquote widget
          • Border radius tools
          • Breadcrumbs widget
          • Build a loop from an existing template
          • Build a loop grid
          • Build a query with the loop grid
          • Button Widget
          • Call to Action widget
          • Carousel widget
          • Change a background image
          • Change the color of your links
          • Change the shape of a container or section's border
          • Code Highlight widget
          • Components
          • Copy and clear display conditions
          • Countdown widget
          • Counter widget
          • Create a background
          • Create a border
          • Create a category page using the Loop Grid or Loop Carousel
          • Create a Custom Text Mask
          • Create a Custom Text Path shape
          • Create a download link with Elementor
          • Create a global widget
          • Create a Hello Bar
          • Create a Hero Images gallery
          • Create a PDF download button
          • Create a Read More toggle in posts
          • Create a services section
          • Create a tags page using the Loop Grid or Loop Carousel
          • Create an audio playlist with Elementor
          • Create masks for elements
          • Create queries
          • Create space with padding and margins
          • CSS classes in Elementor
          • CSS ID
          • CSS selectors in Elementor
          • Custom Add To Cart widget
          • Custom attributes
          • Custom CSS in Elementor
          • Custom icons
          • Custom Link Attributes
          • Customize the layout of a Loop Grid
          • Customize the Search Results Archive
          • Customize which items appearing your loop
          • Customize your widgets
          • Delete elements from a page
          • Divider widget
          • Dynamic tags
          • eCommerce widgets
          • Edit HTML in Elementor
          • Facebook comments widget
          • Facebook embed widget
          • Facebook Like Button widget
          • Facebook Page Feed
          • Featured Image widget
          • Flip Box widget
          • Form widget
          • Gallery widget
          • Google Maps integration
          • Google Maps widget
          • Gradient Background
          • Heading widget
          • Hotspot widget
          • Hover Animations
          • How can I create smart links from my widgets?
          • How do I get sections to snap in place on scrolling?
          • How do I use dynamic colors?
          • How Elementor's theme style and design system options work together
          • How To Add A Back To Top Button Using Elementor
          • How to export and import variables and classes
          • How to make clickable phone links or mailto links in Elementor widgets
          • How to sync variables and global elements
          • HTML widget
          • Icon Box widget
          • Icon library
          • Icon List widget
          • Icon widget
          • Image Box widget
          • Image Carousel widget
          • Image widget
          • Implement sticky scrolling
          • Import files from desktop
          • Inline Font Icons
          • Inner Section widget (Legacy)
          • Login widget
          • Loop Carousel
          • Loop Grid widget
          • Lottie widget
          • Make gradient backgrounds for buttons
          • Media Carousel widget
          • Menu Anchor widget
          • Menu Cart widget
          • Menu widget
          • Motion effects
          • Mouse Effects - 3D Tilt
          • Mouse Effects - Mouse Track
          • Multi Select
          • Nested elements
          • Off-Canvas widget
          • Page Title widget
          • Paginate your loop
          • Paypal Button widget
          • Pick a color
          • Portfolio widget
          • Positioning background images
          • Post Comments widget
          • Post Content widget
          • Post Excerpt widget
          • Post Info widget
          • Post Navigation widget
          • Post Title widget
          • Posts Widget
          • Prevent unwanted padding at the top and bottom of your site
          • Price List widget
          • Price Table widget
          • Progress Bar widget
          • Progress Tracker widget
          • Quickly access your favorite widgets
          • Rating widget
          • Read More widget
          • Reviews widget
          • Scrolling Effects - Scale
          • Scrolling Effects - Transparency
          • Scrolling Effects - Vertical Scroll
          • Scrolling Effects – Blur
          • Scrolling Effects – Horizontal Scroll
          • Scrolling Effects – Rotate
          • Search Form widget
          • Search widget
          • Section/Column Vertical and Horizontal Alignment
          • Set absolute position for an element
          • Share Buttons widget
          • Shortcode widget
          • Show and hide elements on a page (Display Conditions)
          • Show or Hide Columns Per Device
          • Sidebar widget
          • Single Post widget
          • Site Logo widget
          • Site Title widget
          • Sitemap widget
          • Slides widget
          • Social Icons widget
          • SoundCloud widget
          • Spacer widget
          • Split text into multiple columns
          • Stripe Button widget
          • Table of Contents widget
          • Tabs widget
          • Tabs widget with nested elements
          • Taxonomy Filter widget
          • Template widget
          • Testimonial Carousel widget
          • Testimonial widget
          • Text Editor widget
          • Text Path widget
          • Text Stroke
          • Title
          • Toggle widget
          • Track the number of button clicks
          • Typography
          • Units of measurement
          • Use AI to add animation effects
          • Use selector In the custom CSS tab
          • Use Z-Index in Elementor
          • Video element
          • Video Playlist widget
          • Video widget
          • What is a dynamic lightbox?
          • What is dynamic content?
          • What is the Viewport Control?
          • Widget Advanced Settings: Order
          • Widget Advanced Settings: Size
          • Widget Settings Deep Dive: Finding and Using Advanced Options
          • Word Spacing
          • WordPress Menu widget
          • Wrap text around images
      • Layouts
          • Arrange the elements in a Flexbox Container
          • Compare grid containers and sections/columns
          • Container Style tab settings
          • Convert existing sections to containers
          • Create a dropdown menu
          • Create a Flexbox container
          • Create a footer using a Flexbox container
          • Create a Grid container
          • Create a mega menu
          • Create a menu using the Customizer
          • Create a navigation menu
          • Create a responsive popup menu
          • Create a single page template using Flexbox containers
          • Create basic layouts
          • Create responsive design with containers
          • Deactivate containers
          • Define advanced settings in Flexbox containers
          • How do I learn about Flexbox Containers?
          • How many containers should my page contain?
          • Include submenus in a mega menu
          • Layout options using a grid container
          • Make a Flexbox container clickable
          • Reuse containers
          • Set a Flexbox Container's size and behavior
          • Spacing identical elements in a container
          • Spacing identical elements in a container with nested containers
          • Span content over multiple cells in a grid layout
          • Style a mega menu
          • Style options for grid containers
          • Transitioning from sections to containers
          • Understanding how Flexbox containers work
          • Using sections and containers on the same site
          • What is a Flexbox Container?
          • What is a Grid Container?
          • What is a mega menu?
      • WordPress
          • Access WP Admin
          • Activate & deactivate plugins
          • Add a page number to your website's pages
          • Add a user
          • AMP compatibility
          • Assign the Home Page
          • Backing up your website
          • Build a WordPress website
          • Cannot deactivate all plugins message
          • Change or reset your WordPress password
          • Change your WordPress password
          • Control user permissions with Role Manager
          • Could not create directory
          • Delete a user
          • Delete a WordPress user account
          • Download and use the Elementor Beta (Developer Edition) plugin
          • Dynamic content and Post Types
          • Elementor settings
          • Install WordPress plugins
          • Is Elementor compatible with all WordPress themes?
          • Limit the number of products displayed in an archive
          • Opening a browser’s console
          • Parse Error Syntax error
          • Rollback to a previous version of Elementor
          • Set up a custom maintenance mode page for your site
          • Set your site to Coming Soon
          • Troubleshooting - Updating your PHP version
          • Understanding WP Admin
          • Update Elementor and Elementor Pro
          • Update WordPress and WordPress plugins
          • Upload max file size error
          • URL change disrupts Elementor functioning
          • What are pages and posts?
          • What is a single page template?
          • What is WordPress?
          • WordPress plugins
          • WordPress themes
      • Marketing Tools
          • “Not Visible For Site Visitors” error on submitting form
          • Ad blocker detection
          • Add a Subscribe Form using Elementor Pro’s Form Builder
          • Add custom labels and values to a form's fields
          • Add reCAPTCHA to prevent spam
          • Add visitors to a mailing list or CRM after they submit a form
          • Block spam messages from forms
          • Configure a popup
          • Create a contact form with Elementor
          • Create a content lock popup
          • Create a cookie consent popup
          • Create a countdown popup
          • Create a fly-in popup
          • Create a full-screen popup
          • Create a login form popup
          • Create a multistep form
          • Create a popup
          • Create a popup for your shop archive page
          • Create a Related Articles popup
          • Create a shopping cart popup
          • Create a subscription form popup
          • Create an opt-in popup
          • Create forms with multiple fields in a row
          • Define what happens after visitors submit a form
          • Discord Integration with Elementor
          • Example of sending custom emails from a form
          • Form Invalid error
          • How do I make my site more accessible to AI agents?
          • Integrate forms with ActiveCampaign
          • Integrate forms with AWeber
          • Integrate forms with ConvertKit
          • Integrate forms with Drip
          • Integrate forms with GetResponse
          • Integrate forms with HubSpot
          • Integrate forms with MailChimp
          • Integrate forms with MailerLite
          • Integrate forms with MailPoet
          • Integrate forms with Slack
          • Integrate forms with Zapier
          • Manage form submissions
          • Open a popup when a user submits a form
          • Popups: Bottom Bar
          • Popups: Slide-Ins
          • Receive form file attachments by email
          • Receive form submissions by email
          • Redirect visitors after they submit a form
          • Send Email Confirmations with Elementor Forms
          • Trigger a popup from a nav menu
          • Trigger a popup on a link click
          • Trigger an Elementor popup on a link click
          • Troubleshooting - Date and Time placeholders do not appear on mobiles
          • Troubleshooting forms server errors
          • Use Caldera Forms on Elementor
          • Users cannot see popup
          • What are forms?
      • Universal settings
          • Add a favicon to your website
          • Add custom static fonts
          • Add Google Analytics and Google Tag Manager to Elementor
          • Add special effects with CSS Transform
          • Adjust the Lightbox settings
          • Adobe Fonts & Elementor Integration
          • AIOSEO integration with Elementor
          • Compatibility tags
          • Configure Site Settings
          • Control your global layout settings
          • Create page transitions for your site
          • Customize permalinks
          • Disable Google Fonts
          • Element Manager
          • Elements impacted by global colors
          • Enable SVG Support in Elementor
          • Explore the Managed site dashboard
          • Exploring the Manage Activity Log
          • Exploring the Managed Site View
          • Export and import Elementor sites
          • Global Custom CSS
          • How does Patchstach Vulnerability work in Manage?
          • How to Monitor Site Performance in Manage
          • How to Optimize Your WordPress Database with Manage
          • How to perform bulk actions in Manage
          • How to solve Elementor Manage sync issues
          • How to Troubleshoot SEO and Indexing Issues in Elementor
          • How to use Manage to centralize WordPress site administration
          • Import and export Elementor website templates
          • Make your website accessible
          • Privacy mode
          • Roll back to prior releases with Developer Edition plugin
          • Server configuration conflicts
          • Site Identity
          • SiteGround hosting compatibility
          • Supported Google fonts
          • Use Dark Mode
          • Use Variable Fonts
          • View and edit global colors
          • View and edit global fonts
          • What are the Site Management plans?
          • Yoast SEO integration with Elementor
      • Editor V4
          • Add a layered background
          • Add and delete attributes
          • Add Custom CSS to an element
          • Button element
          • Classes in Elementor
          • Div Block element
          • Dynamic tags in V4
          • Element states
          • Explore the V4 features
          • Flexbox element
          • Get started with the Elementor Editor V4
          • Heading element
          • How to build a form with Angie AI
          • How to import and export design systems
          • How to use Angie AI with the Elementor Editor
          • How to use CSS Grid in the Atomic Editor
          • How to Use the Atomic Loop
          • Image element
          • Interactions
          • Nested links
          • Paragraph element
          • Prioritize conflicting styles
          • Reset style settings
          • Responsive editing
          • Style tab - Background
          • Style tab - Effects
          • Style tab - Layout
          • Style tab - Position
          • Style tab - Size
          • Style tab - Spacing
          • Style tab Typography
          • Style tab- Border
          • SVG element
          • Tabs Element
          • The Elementor Editor Class Manager
          • Use Angie AI to create variables and classes based on existing pages
          • Use the color picker
          • User roles and classes
          • Variables
          • Variables Manager
          • What are logical properties?
          • What are the differences between the Elementor Editor V3 and V4?
          • YouTube element
  • Design your Theme
      • Theme Builder
          • Considerations for Theme Builder compatibility
          • Create a complete website using Elementor website templates and Theme Builder
          • How to fix a missing header or footer in Elementor?
          • Set a Theme Style
          • What is the Theme Builder?
      • Templates
          • Add a template to your page
          • Conditions, triggers, and advanced rules
          • Connect to the Template Library
          • Create a Blog or any Archive Template with Elementor Pro
          • Create a header with containers
          • Create a sidebar template
          • Create a single product template
          • Create a sticky header
          • Create a Sticky Transparent Header
          • Create or edit your Header
          • Create or modify archive templates
          • Create or modify single page templates
          • Create or modify your footer
          • Create templates for faster website building
          • Empty template library issue
          • How to Add HTML Tags to My Templates
          • Images missing in template library
          • Make a template from an existing page
          • Set conditions for site part templates
          • Template import issue
          • Templates menu
          • The difference between site templates and cloud templates
          • Transfer a site template to your Cloud Template Library
          • Use a template from the Template library
          • Using Elementor Pro's Theme Builder Templates with WPML
          • Using Elementor’s Full Width Page template
          • What is a Template?
      • Troubleshooting & FAQs
          • "Undefined" error while loading templates
          • Can I use Elementor for my commercial theme?
          • How do I copy elements from one site to another?
          • Known Plugin and Themes Conflicts
          • What happens if I find out Elementor doesn't work with the theme or plugin on my site?
          • Which themes work best with Elementor?
      • Kits & Themes
          • Access your Hello Biz site
          • Change site identity and menu
          • Contact widget
          • CTA widget
          • Customize your Hello Biz Footer
          • Customize your Hello Biz Header
          • Customize your Hello Biz site settings
          • Customize your website kit
          • Default Kit Missing error
          • Edit the Hello Biz theme settings
          • Edit the Hello Theme settings
          • Edit your Hello Biz home page
          • Elementor website templates
          • Flex Hero widget
          • Form Lite
          • Get started with Hello Biz
          • Hero widget
          • Install a website template
          • Install and activate Hello Biz and Hello Plus
          • Kit library common error
          • Remove a Kit
          • Troubleshooting - I can't install a website template
          • Troubleshooting the Hello Theme 3.1
          • What is the Elementor Hello theme?
          • Zigzag Widget
  • Sell Online (Ecommerce)
      • Setup
          • Configure WooCommerce settings
          • The WooCommerce default pages were not generated during installation
          • WooCommerce resources
      • Optimization
          • Configure WooCommerce Upsell
          • Create a single product template for WooCommerce
          • Create dynamic WooCommerce tags