Help https://elementor.com/help/ Wed, 17 Dec 2025 16:00:52 +0000 en-US hourly 1 https://elementor.com/help/wp-content/uploads/2023/01/elementor-favicon-512-150x150.png Help https://elementor.com/help/ 32 32 Tabs Element https://elementor.com/help/tabs-element/ Wed, 17 Dec 2025 15:50:54 +0000 https://elementor.com/help/?p=157355

Who can use this feature:
This article is for Editor v4 users. If you’re using Editor v3, check out the relevant article here: Image widget

Add and delete the element

To access and use a widget:

  1. In Elementor Editor, click +.
    All available widgets are displayed.

  2. Click or drag the widget to the canvas. For more information, see Add elements to a page.

To delete the widget:

  1. On the canvas, select the element by clicking it.
  2. Press the delete key on your keyboard. For more information, see Delete elements from a page.

What is the Tabs element?

The Tabs element lets you build a webpage which allows visitors to easily switch between different content displays. It allows you to present visitors with more content in less space.

See all the options available with the Tabs element.  

Common use case

Alex is building a website for a chain of cafes. On the site’s home page they want to use the Tabs element to create a content area for each of the branches.

Additional use cases 

  • FAQs
  • A news site where you want to display different categories of news in each tab.
  • Tabs that describe, and link to, different sections of your website. journey.

Add a Tabs element: Step-by-step

  1. Add the Tabs element to the canvas. For details, see Add elements to a page.
    The options for the Image element appear in the left panel.

    By default, the Tabs widget has three tabs. You can add or delete tabs by using the controls on the panel. For details see the Settings section below. 
    For this example, our chain has three branches – Downtown, University and West End.

    With the Tabs widget, each tab can have its own style and content. For this example, we’ll give each tab a unique name and background.

  2. To make our navigation easier, let’s change the names of the tab triggers. This will not affect the name that appears to visitors. Click the field labelled Tab 1 trigger.
  3. In the name field, change the name to University.
    Note
    This is also where you can use the Default toggle to set which tab will be open when visitors first view the page.

  4. Change the names of the other two tabs to Downtown and West End
  5. Click the center of Tab 1. This opens a paragraph element inside the tab. 

    Tip
    It may be easier navigating tabs by using the structure window. For details, see Use page structure to navigate your page.
  6. Enter University on the Paragraph box.
  7. Do the same to change the name of the other tabs to Downtown and West End.

    Let’s add a unique background to each tab. For this example we’ll add a different image for each tab.
  8. Select the University tab by either hovering over the tab and clicking the icon or by clicking University in the structure window.
  9. Click the Style tab. 
  10. Insert and image as the  Background. For details, see Style tab- Background.

    Now let’s add content to the tab. 
  11. Select the Tab 1 Content area by selecting it from the structure window. 
  12. Add a Paragraph element to the Tab 1 Content area. For details, see Add elements to a page.
  13. Add the branch details to the Paragraph element. For details, see Paragraph element.

    Note
    You can also add headings, images and any other elements to this area.
  14. Repeat this for the other tabs.
    Finally, we’ll add some effects to the tabs to help with navigation and UI. 
  15. Select the University tab trigger.
  16. Delete the background image as it will interfere with these effects.
  17. Create a class called tab_colors with the following characteristics:
    1. Hover: red background
    2. Active: light blue background
    3. Selected: yellow background
      For details, see Classes in Elementor and Element states.
  18. Add the class tab_colors to all the tab triggers.

    Note
    Now when you roll over or select tabs they will change color. The Active color may be difficult to detect as it only applies to the moment visitors click on the tab.


    Now let’s look at how the tabs would look if they were in a vertical, accordion style layout. 
  19. Select the Tabs widget.
  20. Click the Style tab.
  21. Open the Layout section.

  22. Change the tabs to Row.

  23. Select Tabs menu.

  24. Change Tabs Menu to column.

    The tabs are complete.

Settings for the Tabs element

You can customize your elements using content and style, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this element.

Click the Plus sign to add a tab.

Click one of the Tab trigger fields to change the name of the Tab trigger.

Click one of tab trigger fields to use the toggle and set it as the default tab. The default tab is the tab that is open when visitors first view the page. 

Assign an ID to the element so you can target it with custom code.

Attributes are used by developers to target certain elements in order to customize them. For details, see Add and delete attributes.

Show or hide elements depending on different conditions. For details, see Show and hide elements on a page.

See the individual articles on Style options:

]]>
Reset your Elementor password https://elementor.com/help/reset-your-elementor-password/ Tue, 16 Dec 2025 15:17:42 +0000 https://elementor.com/help/?p=157854 To increase security, it’s recommended that you change passwords on a regular basis.

To change your password:

  1. Go to your My Elementor dashboard.
  2. Click the account icon in the upper right corner.
  3. Select My profile from the dropdown menu.
  4. Click Change password.
  5. Enter your current password.
  6. Enter the new password.
    Note
    Your password must have at least eight characters including at least one capital letter, one number and one special character. Avoid starting or ending your password with a space.
  7. Confirm your new password.
  8. Click Save.

    Tip
    If you forgot your password, or if you want to start using your email instead of Google/Apple to log on, click Forgot password on the login screen.

If you have trouble resetting your password

  • Refresh the page, then try again.
  • Clear cache/cookies or use a private/incognito window.
  • Try a different browser or device and ensure password-manager autofill isn’t interfering.
  • Temporarily disable browser extensions that modify forms or content.
]]>
Understanding SPF, DKIM, and DMARC for Email Authentication https://elementor.com/help/understanding-spf-dkim-and-dmarc-for-email-authentication/ Wed, 10 Dec 2025 14:57:40 +0000 https://elementor.com/help/?p=157462 SPF, DKIM, and DMARC are essential email authentication protocols that help secure your domain’s outgoing emails and prevent unauthorized use or spoofing. Together, they improve trust, reduce spam risks, and increase the chances that your legitimate emails reach recipients’ inboxes.

SPF (Sender Policy Framework)

SPF lets you define which mail servers are allowed to send email on behalf of your domain.

When an email is received, the recipient’s server checks your SPF DNS record to verify that the sending server is authorized.

If it isn’t, the message is flagged or rejected — helping block spoofed or fraudulent emails.

DKIM (DomainKeys Identified Mail)

DKIM adds a cryptographic signature to your email headers using a private key.

The receiving mail server validates this signature using the public key published in your DNS.

This process:

  • Confirms that the email truly came from your domain
  • Ensures that the message wasn’t altered in transit
  • Strengthens sender legitimacy

DMARC (Domain-based Message Authentication, Reporting & Conformance)

DMARC builds on SPF and DKIM by defining what should happen when authentication fails — such as rejecting or quarantining the email.

It also checks alignment between the visible “From” address and the domains validated by SPF and DKIM.

DMARC includes reporting tools that give domain owners insight into legitimate and fraudulent email activity.

Why These Protocols Matter

Together, SPF, DKIM, and DMARC:

  • Protect your domain from spoofing and impersonation
  • Improve deliverability for transactional and notification emails
  • Ensure your messages are recognized as trusted by recipient mail systems
  • Reduce the chances of emails being blocked, filtered, or marked as spam

Setting up these protocols involves adding specific DNS records for each protocol. This enables proper email verification and enforcement.

]]>
Troubleshooting – File with this name already exists https://elementor.com/help/troubleshooting-file-with-this-name-already-exists/ Wed, 10 Dec 2025 14:48:46 +0000 https://elementor.com/help/?p=157459 When using the Image Optimizer, you may see the error: File with this name already exists.

This usually happens when WordPress shows different display names, but the actual file name on the server hasn’t changed.

The Cause

WordPress lets you change the media title in the Media Library — but this does not rename the underlying file.

If a user uploads the same image file multiple times, even with different display names, they may still have identical file names.

Example

Alex uploads an image with the file name myphoto.jpg and gives it the display name My Garden in the Media Library. They then edit the image and upload it again, giving it the display name My Garden in Winter. However, the actual file name remains myphoto.jpg.

The Image Optimizer checks files based on the actual file name, not the display name.

If it finds duplicates, it cannot optimize them and displays this error.

What You’ll See

  • “File with this name already exists”
  • Images not being compressed
  • Optimization batch stopping or skipping files

The Solution

Option 1: Rename the Actual File

  1. Use a file manager or a file renaming plugin) to rename the file itself — for example:
    • myphoto.jpg to myphoto1.jpg
  2. Refresh the Media Library.

Option 2: Re-upload the File With a New File Name

  1. Download the image.
  2. Rename the image — for example:
    • myphoto.jpg to myphoto1.jpg
  3. Upload the image again with the new file name. and upload it again, but change the actual filename before uploading.
    Once the filenames are unique, the Image Optimizer will process them correctly.

Summary

The error appears because the plugin optimizes files based on the real file name, and duplicates cannot be processed. Renaming the actual file or re-uploading it with a new filename will resolve the issue.

]]>
Troubleshooting – Audit tools flag Ally for using a tab index above 0 https://elementor.com/help/troubleshooting-audit-tools-flag-ally-for-using-a-tab-index-above-0/ Wed, 10 Dec 2025 14:22:06 +0000 https://elementor.com/help/?p=157457 Some accessibility testing tools (e.g. Lighthouse) may flag the Ally widget for having a tabindex greater than 0. This is expected behavior and relates to how the widget is designed to ensure reliable keyboard access.

Why the Tabindex Is Set Above 0

The widget may assign a positive tabindex (usually 1) to specific elements. This is done intentionally to:

  • Ensure the Ally accessibility overlay can be reached quickly by keyboard users
  • Allow certain “skip to content” or widget-trigger elements to receive focus when needed
  • Maintain reliable keyboard access regardless of theme or page structure

This behavior is part of the plugin’s internal logic and is not a user-configurable setting.

Why Accessibility Tools Flag It

While it’s intentional, using a tabindex greater than 0 is not recommended in general accessibility best practices because:

  • It overrides the natural focus order of the page
  • It can interrupt expected keyboard navigation behavior
  • It causes audit tools (like Lighthouse and Axe, etc.) to mark it as a potential issue

These tools flag the general pattern, not Ally’s specific implementation.

Is This a Problem?

In normal use, the positive tabindex does not harm accessibility, and is included to make the widget reliably keyboard-accessible across all WordPress setups.

However, because non-zero tabindex values can theoretically disrupt focus order, automated tools will still report it.

Summary

  • Ally sets a positive tabindex on purpose
  • It ensures fast and consistent keyboard access to the widget
  • Most tools flag it because of general best-practice rules, not because it breaks accessibility • The value used is typically 1, only for specific widget elements
]]>
Troubleshooting – Plugin conflicts https://elementor.com/help/troubleshooting-plugin-conflicts/ Wed, 10 Dec 2025 14:08:11 +0000 https://elementor.com/help/?p=157455 Some plugins may prevent Ally from working on your website.

If you suspect a plugin conflict:

  1. Temporarily deactivate the suspected plugins. Start with translation, redirection, security, or caching plugins. For details, see Activate and deactivate plugins.
  2. Check to see if Ally loads normally, if it does, you have a plugin problem.
  3. Reactivate the plugins one at a time until you find the one interfering with Ally.
  4. Switch to an alternate plugin.

Recommendations

If a plugin conflicts with Ally due to URL changes or request blocking, we strongly recommend:

  • Use a different plugin: If the conflicting plugin is essential, consider using a different one that doesn’t modify your site’s URL or external requests.
  • Adjust settings: Use the plugin settings to prevent URL rewriting or aggressive blocking
  • For translations, WPML remains the only major multilingual plugin that is fully compatible.
]]>
Incompatible plugins – Ally https://elementor.com/help/incompatible-plugins-ally/ Wed, 10 Dec 2025 13:46:44 +0000 https://elementor.com/help/?p=157451 Ally uses a domain-based site connection, which requires the WordPress site URL match the registered domain exactly. Plugins that change URLs, redirect traffic, or alter how pages are served can break this connection.

When using these types of plugins, you may see:

• The Ally widget not appearing or not loading

• A “mismatch” connection notice

• A 404 Not Found message

• The dashboard connection repeatedly disconnecting

Incompatible plugins

Translation Plugins (URL-Based Translators)

Plugins that create multilingual versions by changing page URLs.

Known incompatible plugins:

• TranslatePress

• Polylang

• Weglot

• Other URL-altering language tools

These plugins rewrite URLs per language (e.g., /en/, /fr/), causing the Ally subscription URL to break.

Note
WPML maintains URL structure in a way that keeps Ally’s connection stable — so WPML is compatible.

Redirection Plugins

Plugins that create custom redirects can interfere with Ally’s endpoint communication.

Known incompatible plugins:

• Redirection

• Safe Redirect Manager

• Yoast Redirect Manager

These plugins may cause mismatch or 404 errors when Ally tries to communicate with its service.

Security Plugins

Security tools that block or filter external API requests may prevent Ally from verifying the site.

Known incompatible plugins:

• Wordfence

• iThemes Security

• Sucuri

• All-In-One Security

These can block Ally’s connection or hide required endpoints.

Caching & Performance Plugins

Page caching, CDN layers, or aggressive minification can prevent the widget from loading correctly.

Known incompatible plugins:

• WP Rocket

• LiteSpeed Cache

• W3 Total Cache

• SiteGround Optimizer

• Cloudflare (via caching rules)

These may cache or rewrite Ally’s script, resulting in widget errors or missing functionality.

]]>
What sites can use Ally? https://elementor.com/help/what-sites-can-use-ally/ Wed, 10 Dec 2025 13:06:43 +0000 https://elementor.com/help/?p=157447 Ally works with the WordPress websites to help make them more accessible. Ally Accessibility should work with most standard WordPress configurations. However, because Ally connects each site through a domain-based subscription, compatibility depends on how WordPress handles URLs at the site level. Below is an overview of what Ally works with — and where limitations apply.

WordPress Core compatibility

Ally supports:

• Latest WordPress versions

• Classic Editor and Gutenberg (Block Editor)

Ally scans the rendered HTML, so it works with any editor that outputs standard front-end markup.

Theme Compatibility

Ally works with:

• Most modern WordPress themes

• Custom themes built with standard coding practices

• Page builder–based themes, including Elementor, Divi, Beaver Builder, etc.

Since Ally analyzes the published HTML, theme structure and builder UI do not affect compatibility.

Plugin Compatibility

Ally is compatible with most plugins — except for those that change the site’s URL structure, which affects the subscription connection. For a more detailed look, see Incompatible plugins – Ally.

Works With

• Most page builders

• Most form plugins

• Most SEO plugins

• Most eCommerce plugins

WPML, which does maintain URL consistency in a way that keeps Ally’s site connection intact

Incompatibility

The main cause of incompatibility

Ally uses a per-site connection that requires the WordPress site URL to match the registered domain exactly. When plugins or configurations alter the URL — such as language-based slugs or multisite subdomains/subdirectories — the connection is interrupted, preventing Ally from functioning properly.

Incompatible plugins and setups

  • Most translation/localization plugins (e.g., Polylang, TranslatePress)
    These plugins often change the URL of each translated page and Ally’s subscription requires a strict match between the domain and the WordPress URL and these URL changes break the connection.
  • Multisite installations
    Each site in a multisite uses a different URL structure and this prevents Ally from maintaining a stable per-site subscription connection.
  • Subdirectory installations (e.g., domain.com/site1/)
    The subdirectory becomes part of the site’s URL, causing the subscription to fail because it no longer matches the registered domain.

Summary

Ally Accessibility works reliably with most standard WordPress setups, themes, and common plugins. However, due to the domain-matched subscription system, it is not compatible with most translation plugins, multisite, or subdirectory-based sites. WPML is the exception, as it preserves URL integrity in a way that keeps Ally’s connection stable.


]]>
Troubleshooting – I can’t activate Elementor Pro from my Elementor Host site https://elementor.com/help/troubleshooting-i-cant-activate-elementor-pro-from-my-elementor-host-site/ Mon, 08 Dec 2025 13:47:25 +0000 https://elementor.com/help/?p=157334 Elementor Hosting plans and Pro licenses are separate. There are some legacy hosting plans that include Elementor Pro but, in general, Elementor Pro requires a separate license.

If your hosting plan does not include Elementor Pro, you will need to purchase and install Elementor Pro on your website.

]]>
Troubleshooting: Converting to WebP format https://elementor.com/help/troubleshooting-converting-to-webp-format/ Thu, 04 Dec 2025 09:54:40 +0000 https://elementor.com/help/?p=157206 The issue
  • If the Image Optimizer is configured to convert images to WebP format, any images already in WebP format cannot be converted again. This can result in an optimization error.
  • Converting an AVIF image to WebP can often increase the file size. since the goal of the Image Optimizer is to decrease the image size, this may lead to an optimization error.

Possible solutions

  • Restore the original image and try optimizing it again.
  • Optimize the images one at a time. For details, see Optimize a single image.
]]>