Help https://elementor.com/help/ Thu, 25 Dec 2025 12:29:38 +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 Manually connect Elementor Pro https://elementor.com/help/manually-connect-elementor-pro/ Thu, 25 Dec 2025 12:29:49 +0000 https://elementor.com/help/?p=158295 If the automated connection process fails, you can manually connect Elementor Pro to your account.

[callout type=”warning”]In order to manually connect Elementor Pro, you must be using the most recent versions of Elementor, Elementor Pro and WordPress.[/callout]

To manually connect Elementor Pro:

  1. From WP Admin, navigate to Elementor>License.
  2. In the browser’s address bar, add this string at the end of the existing address: &mode=manually and hit Return.

    The Manual connect window appears.
  3. Enter your license key and click Activate.

Locate your license key

To manually connect Elementor Pro, you’ll need your license key.

To copy the key:

  1. Go to your My Elementor dashboard.
  2. Click the account icon in the upper right.
  3. Select Purchases from the dropdown menu.

    A list of your subscriptions appears.
  4. Click Manage this subscription for the subscription associated with the license key.
  5. Click the copy icon to copy the key.
]]>
Troubleshooting: I don’t see the License option in WP Admin https://elementor.com/help/troubleshooting-i-dont-see-the-license-option-in-wp-admin/ Mon, 22 Dec 2025 14:08:34 +0000 https://elementor.com/help/?p=158230 The License option appears when you have an Elementor Pro plugin installed and activated.

If the License option doesn’t appear:

  1. Install/activate both the Elementor, and Elementor Pro plugins.
  2. If you see an “Upgrade” prompt and no License screen, you probably only have the free plugin installed.
  3. After installing Elementor Pro, follow the connection process and the License option will appear. For details, see Connect and activate Elementor Pro.

]]>
Interactions https://elementor.com/help/interactions/ Mon, 22 Dec 2025 13:12:45 +0000 https://elementor.com/help/?p=157548 The Interactions tab is home to Javascript functions that affect widgets. These include entrance and scrolling animations.

See Options below for a full list of Interaction options.

[callout type=”note”]Interactions apply to all devices, you cannot customize interactions for different screen sizes.[/callout]

Example of an interaction

  1. Add an Image element to the canvas.
  2. Click the Interactions tab.
  3. If this is the first interaction for this element, click Create an interaction, if this is not your first interaction, click the plus icon.
  4. We’ll leave the Trigger on Page Load.

    This means the interaction will take place when the visitors opens the page.
  5. Use the Effect dropdown menu to select Slide.
  6. We’ll leave the Type as In as we want the image to enter the screen.
  7. In the Direction field, click the down arrow so the image enters from top of the page.
  8. In the Duration field, use the dropdown menu to select 1500 MS so the image enters slowly. 
  9. Leave the Delay at 0 MS as we want the effect to start as soon as the page loads.
  10. Save the page.
  11. Click the view icon to see how the effect looks.

    Now we can add additional effects for truly original designs. 
  12. In the Interactions tab, click the plus sign. 
  13. Leave the Trigger dropdown as Page Load and the Effect as Fade.
  14. Select a Duration of 1500 MS.
  15. Select a Delay of 300 MS.

    The image will enter from the top of the page and the image will slowly appear on the page.
    [callout tip=”tip”]You can use two interactions to have an element enter from the top and the side so it comes in at an angle.[/callout]

Interaction options

Interaction

Add and edit interactions.

  • Click the plus (+) sign to add an interaction.
  • After you add an interaction:
    • Click the play symbol to see how the interaction appears.
    • Click the x to delete the interaction.

Trigger

Use the Trigger dropdown menu to select:

  • Page load: The interaction begins when the visitor opens the page.
  • Scroll into view: The interaction begins when the visitor reaches this area of the page.

Effect

Use the dropdown to select a type of interaction:

  • Fade: Have the element appear or disappear.
  • Slide: Have the element enter or exit the page from one of the sides.
  • Scale: Have the element become larger or smaller.

Type

Select either:

  • In
    • Fade: The element appears.
    • Slide: The element enters the page.
    • Scale: The element grows. 
  • Out
    • Fade: The element disappears.
    • Slide: The element exits the page.
    • Scale: The element shrinks.

Direction

Click either the up, down, right or left arrow to:

  • Fade: Add an effect where the element moves in the arrow’s direction as it fades. 
  • Slide: Use an arrow to set the direction the element will move when it’s sliding. an effect where the element moves in the arrow’s direction as it fades. 
  • Scale: Add an effect where the element moves in the arrow’s direction as it fades. 

Duration

Measures, in milliseconds (MS) how long it will take for the interaction to complete. 

Delay

Sets, in milliseconds (MS), an amount of time that will pass between the trigger and the beginning of the interaction. 

]]>
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.

]]>