The Left Panel contains navigation to available management areas. These include
WebsitesSubscriptionsSupport—ExpertsStart TourAffiliates
The Elementor dashboard is your Elementor account home. Here, you are able to easily access all your Elementor connected sites, manage your account profile and billing details, get support, and quickly navigate to the Elementor Experts network, as well as the Affiliates area.
Dashboard
Your Elementor dashboard consists of 3 main areas.
The Top Panel contains quick access to download Elementor Pro, and Profile management. The Left Panel contains navigation to available management areas. The Main Content Area contains the details and available actions for each management area.
The Top Panel contains quick access to download Elementor Pro, and Profile management.
Top Panel
Profile Options
In the upper right, click the arrow next to your account name to see all available options.
View Profile
Account Details
Account Details enables you to view the name and email address associated with your account. Fill in your first and last name for added personalization. You can change your password and edit your profile information here.
Change Password
Click Change Password link to create a new password. Click the Save button when done.
Edit Profile Info
If you have not yet verified your email, you will see a reminder notification here. Click Edit Account Details link to change the name or email address associated with your account. Click the Save button when done.
Note: Changing an email address will require verification.
Log Out
Click Log Out link from the profile dropdown to log out of My Elementor.
Explore the Dashboard』s Left Panel
Websites is a grid of all of your Elementor websites, including the websites in which Elementor Pro has been activated/ connected and those in which the Elementor Library has been connected.
Any sites activated or connected with a Pro license will have the Pro label on the website card. Any site without the Pro label will be one in which it was connected to via the Elementor Library.
Note: If a site is connected to your account via library connect, it will NOT appear as Pro, regardless of whether it has Pro or not. (i.e. If the user connected via Library connect to a site that is connected to Pro via someone else』s subscription, it will NOT appear as Pro).
Websites Dashboard
The top right of the Websites Dashboard consists of a Search bar and the ability to display websites as either cards or as a lis.
Search
Click the Search icon to quickly find one of your websites by searching for either its url or title.
Display As Cards or List
Click the Display icon to switch between viewing your websites in either Cards view or List view.
Note:
For security reasons, your website』s WordPress based Admin system has its own credentials, in addition to your Elementor credentials.
Your site』s WordPress username is automatically created while you create your site and is a derivative of your email. The email associated with your site, with which you can login to your site, receive email notifications and retrieve password is, of course, the email address associated with your Elementor account. The password is set by you, and should be kept somewhere safe.
When you create your website Elementor will automatically assign you a temporary domain on elementor.cloud; We also give your website a temporary name (「My Website」). You can and should change your site』s name at any time through the WordPress admin.
Click The Cog of Any Cloud Site To Access Cloud Site Details
Clicking the card or the site』s cog will open a new screen with that site』s details.
Cloud Site Details
Link To Live Site
Click the domain name to go to the site.
Link to WP Admin
Click Edit Website to go to the WordPress admin area for the site.
Add Custom Domain
Click the Add Custom Domain button to connect your own custom domain to this Elementor Cloud hosted site. In the popup, You will need to copy the information to add to your registrar DNS records. Once you have completed this step, click the green button that says 「Got it, Next」
In the next step, enter the domain URL and click the Add Domain button to proceed. Click to read more about the process.
Site Lock
Slide the toggle button to On, to protect your site with a Site Lock passcode. When site lock is on, visitors going to the site URL will be blocked by an Elementor designed lock screen and will need to enter a passcode to view the site. If the site lock is on, it is also not discoverable to search engine crawlers.
To view your site』s lock passcode, click the Eye icon. To copy the passcode to your clipboard, click the Copy icon. To reset the passcode, click the Reset icon.
Site Backups
A daily backup is automatically generated. You can click the Export icon to export any backups or click the Restore icon to restore your website to any backup shown in this list.
Click the Backup Now button to create an additional current backup of your site. In the popup, enter a name for the backup and click the Save button to proceed.
Debugging & Troubleshooting
Several advanced tools are available here to help you troubleshoot and debug problems. See full descriptions of how to use each in the links below.
Reset Login AttemptsWordPress & Script Debug
The following plugins are not allowed to be installed on Hosted Elementor Websites.
WP CloneWP Total CacheSite Origin PanelsSite Origin Widgets BundleBrizyBeaver BuilderBeaver Builder LiteVisual ComposerReally Simple SSLShortcodes UltimateQTranslate XLimit Login Attempts ReloadedBWP MinifyHeartbeat ControlSiteGround CachePressDivi BuilderOxygen BuilderImage Map ProWD Facebook FeedWP File ManagerPeepsoDuplicatorUpdraft PlusJetPackMigrate GuruBlueHost Site MigratorCustomizer Export/ImportWP Site MigrateWP MigrateWPVivid Backup and RestoreVaultPressBackup GuardWP ResetWP All In One ImportSiteGround Migrator
Click Card or Thumbnail of Any Hosted Elementor Website To Access Your Details
Clicking the card or the site』s thumbnail will open a new screen with that site』s details. Scroll down to access the Backup Now area.
Backup Now
Click the Backup Now button to create a manual backup of your site. In the popup, enter a name for the backup and click the Save button to proceed
Hosted Elementor Websites limit the number of times a user attempts to log into WordPress. When a user fails to login more than 5 times, that user』s IP address is placed into the locked-out list for a time period of 1 hour. Attempts to login from that IP address will be automatically rejected during that time period. When the lockout period expires, the IP address is automatically removed from the locked-out list, giving the user another 5 chances to login with the correct credentials.
From your Elementor account, go to Websites and click the cog in the upper right corner of your website』s card to open the site details screen.
Scroll down to Debugging & Troubleshooting > Reset WP Login Attempts
Click the Reset icon to release all usernames and IP addresses from the locked-out list.
A Hosted Elementor Website lets anyone create fully hosted, professional WordPress websites with Elementor. In minutes, your Hosted Elementor Website will be ready for you to design with Elementor Pro included and no additional installations required.
It』s easy to start your project and faster to finish it. You won』t have to worry about performance, setup, security and more, as you will be able to just focus on what you want to create.
All of your site management tools reside in the Elementor Dashboard. Here, you can view and manage your website details, backups, subscriptions, and more.
Hosted Elementor Websites address some of the fundamental steps of setting up a WordPress website, such as setting up a hosting service for even the simplest of sites, allowing you a quick and simple way to design and publish your next web creation.
Ready to begin? Go to Elementor.com and click the Get Started button.
Landing pages optimized for conversion, and are often used to create lead capture pages, sales pages, splash pages, squeeze pages, and more. Elementor』s Landing Page Builder flow coupled with the landing page templates found in the Template Library enables you to quickly and easily create landing pages either from a set of pre-designed templates provided by Elementor or those that you design yourself.
To Manage Landing Pages
Go to Templates > Landing PagesClick Add New Landing Page to view a set of pre-designed landing page templates.Click the magnifying glass icon to preview a template.Click Insert to select a template to use.
Note: Elementor Landing Pages are a Custom Post Type in terms of WP hierarchy. You cannot set these as the homepage of your website in Settings > Reading or your Customizer as they are not WP pages. You may save your created landing page as a Template in your library, then create or edit a WP page called 「Home」 and import that template to the page. This new page can be set as the homepage.
Tip: If you prefer to start from scratch rather than using a pre-designed template, press the X in the upper right corner of the template library to close the window and start with a new blank page.
How to Change the Slug of the Landing Page
After publishing your Landing Page, you may notice that the Page name or Permalink Slug needs to be edited. To change the page name, or slug follow these steps.
Navigate to Dashboard > Templates > Landing PagesUnder the title of your Landing Page, click the Quick Edit linkEdit the Page Title as desiredEdit the Slug (permalink) for your landing page in all lower case with no spaces. Hyphens should be used between words (example: luxury-car)Click the Update button and view your Landing Page with the new proper URL.
With Elementor Pro, you can add custom CSS to every Section, Column or Widget.
https://youtu.be/xv9RjJky720
Add Custom CSS to Elements
Right-click on the edit button of the element and click Edit section to open the section』s settings panel. Go to Advanced > Custom CSSAdd your CSS code for the element to the editor.
Note: If editing a Widget, right-clicking will show the option to Edit Widget, and editing a Column will show Edit Column.
Please note: When targeting your specific element, add `selector` before the tags and classes you want to exclusively target, i.e: selector a { color: red;}
Please also note that some user-supplied custom CSS code may interfere or conflict with Elementor and cause issues such as being unable to use Elementor to edit fonts, or other styling options. If you find yourself having some of these issues, copy your custom CSS code to a safe place, temporarily remove your custom CSS code from the page, and check to see if that code was causing the problem.
