My Page is Blank When I Try to Import Templates

My Page is Blank When I Try to Import Templates

Your hosting company has to check the error logs of your server so that we can know what is leading to this issue. 

This is what you can try:

Ask your host provider to enable the ZipArchive: http://php.net/manual/en/class.ziparchive.phpAsk them to raise the memory limit to 256MB if your memory limit is under 256MB.It is possible also that there is a permission issue. This can be checked via the error logs of your server. Your hosting company can check it for you. They should check if the allow_url_fopen function is deactivated or not.Upgrade to PHP 7 or higher.Switch the loader method via Elementor > Advanced on your WordPress Dashboard:

Responsive Borders

Responsive Borders

Control border options for each device.

Border Width: Set an element』s border width, or none, for each device separately as needed.Border Radius: Set the border radius of an element separately for each device.

Tip: A common use of device-specific borders is when you have an inline row of links, separated by a column border. This border becomes redundant on mobile since the row stops being inline and the links are separated into individual rows. In this scenario, the obvious choice is to remove the border from the mobile layout. Luckily with the new responsive borders feature, this can easily be achieved.

How To Fix 『The package could not be installed』 While Installing Elementor

How To Fix 『The package could not be installed』 While Installing Elementor

You are receiving this error message because you are trying to install Elementor as a theme whereas it is a plugin.

You have to install it via 「plugins」 and not via 「Appearance > theme」 on your WordPress Dashboard:

Installation

Installing Elementor Pro

Please note also that you have to install Elementor free as well so that Elementor Pro can work given that the latter is an extension of the former.

Drip & Elementor Integration

Drip & Elementor Integration

In this guide, we will explain how to integrate  Drip with Elementor forms.

First set your Drip API Key in the Integrations Settings under Elementor > Settings > Integrations TabCreate a form using Elementor Form WidgetClick Actions After SubmissionUnder Add Action choose Drip

Tip: Click to learn how to get your API Key from Drip

Selecting Drip Options

API Key: Use the default API Key or a custom oneAccount: Choose your accountEmail: Choose the Email fieldForm Fields: Send all Form Fields to Drip as custom fieldsTags: Add Tags to the form

Destination folder already exists

Destination folder already exists

If you are trying to install Elementor or Elementor Pro and get this error message: 「Destination folder already exists」, this means that your Plugins folder already contains a folder for Elementor (or Elementor Pro) and this is why you cannot upload it again.

What you should do in this case, is to log in into your FTP and under wp-content/plugins, delete the relevant folder. 

After this, you will be able to upload the plugin from scratch in your WP dashboard.

Yoast SEO Integration with Elementor

Yoast SEO Integration with Elementor

Yoast, the leading WordPress SEO plugin, is seamlessly integrated in Elementor, allowing you to access and modify your page』s SEO settings without leaving Elementor, for a more efficient workflow. The same features that have always been available in the WordPress editor are now available right within the Elementor Panel.

You can access your page』s Yoast analytics in either of two ways. Either click the Hamburger Menu in the upper left corner of the Elementor Panel and choose the Yoast SEO tab, or click the gear icon in the lower left corner of the Elementor Panel and choose the Yoast SEO tab.

Focus Keyphrase

The Focus keyphrase is the main keyword or phrase that you most wish to have rank well in search engines. Enter one phrase here. This phrase will be used in the SEO analysis tab. If you wish, you can also search for related keyphrases with the SEMrush integration by clicking the optional Get related keyphrases button. If you choose to use this feature, you will need to log into your SEMrush account in the popup that appears.

Note: Most options include a help icon, which you can click for detailed information about that option.

Readability Analysis

The Readability Analysis option uses an algorithm to judge the readability of the page or post content. It highlights problem areas and gives you actionable suggestions to fix your content.

SEO Analysis

The SEO Analysis option uses your selected Focus keyphrase to make suggestions to improve the content, such as internal links, the meta description, and more. You can use these suggestions to make changes right in the Elementor Editor. The analysis is done in real-time, and the changes are reflected in the sidebar. 

+ Add Related Keyphrase

If you are a Yoast SEO Premium user, you』ll find premium features, such as Add related keyphrase, which lets you focus on more than one keyphrase, here, and throughout the other options in the sidebar.

Google Preview

The Google Preview option lets you change the way your preview displays on Google. You can update the SEO Title, Slug, and Meta Description, as well as preview it on Mobile or Desktop.

Facebook Preview

The Facebook Preview option lets you customize the content displayed when sharing on Facebook. You can manage the preview image, as well as the Facebook title and description.

Twitter Preview

The Twitter Preview option lets you customize the content displayed for this page or post when sharing on Twitter. You can manage the preview image, as well as the Twitter title and description.

Schema

The Schema option helps search engines better understand your website and its content.

Select your Page type here.

Advanced

The Advanced options are for more experienced users, and includes the ability to choose from the following settings: to allow search engine to show this page in search results, to direct search engines whether they should follow links on this page, and to set advanced meta robots and canonical URL options.

Cornerstone Content

The Cornerstone Content option allows you to mark this page as one of the most important and extensive articles on your site. Turn this off or on for this specific page here.

Slack Integration with Elementor

Slack Integration with Elementor

With Slack integration, you can send submitted form data to predetermined text channels on Slack via a unique Webhook URL.

These actions will be performed after a visitor submits the form and is a great way to organize form data in a smart way.

Go to the 「Actions After Submit」 dropdown and click on the Add Action field > SlackChoose SlackThis adds a new Slack Dropdown. Click to open it

Selecting Slack Options

Note: Click to learn how to create a Slack webhook URL

Webhook URL: Enter Slack』s webhook URLChannel: Type a channel name, so the webhook knows where to send the form data to in Slack. Make sure that the channel already exists in your Slack workspace. The default is set to #generalUsername: Choose the username that will be shown as the senderPre Text: You can add some custom text which will appear below the UsernameTitle: Add a title for each messageDescription: Add a description for each messageForm Data:  refers to the Name, Email and Message your visitor will fill in on the form. Select YES to turn it on or NO to turn it offTimestamp: Select YES to display timestamp or NO to turn it offColor: Set a custom color for the vertical line that appears to the left of the message.

Using Elementor』s Canvas Page Template

Using Elementor』s Canvas Page Template

The Canvas Page Template removes your Header and Footer and Sidebars.

This is great for creating specific pages inside your website, pages such as: landing pages, coming soon pages, maintenance mode pages etc.

Create a New Page, and Edit with Elementor.Click on the settings icon   on the Left side, and under Page Layout look for the Elementor Canvas option

How To Set A Default Page Layout

If you would like to set a default page layout across your entire site, do the following:

Click the Hamburger Menu in the Widget PanelClick Site SettingsClick LayoutChoose the Default Page Layout that you wish to set as the default layout across the site

Progress Bar Widget

Progress Bar Widget

The Progress Bar Widget allows you to add fully styled, animated progress bars to your page.

Content

Progress Bar

Title: Enter the title text that is displayed above the progress barType: Select a standard type, which sets the bar color (color can be changed under the Style tab). Choose from Default, Info, Success, Warning, or DangerPercentage: Set the completion percentage numberDisplay Percentage: Show or hide the actual percentage number text at the end of the barInner Text: Enter the text to be displayed within the bar

Style

Progress Bar

Color: Change the color of the barBackground: Choose the color of the background of the barInner Text Color: Choose the color of the text to be displayed within the bar

Title style

Color: Choose the color of the title text that is displayed above the progress barTypography: Set the typography options of the title text

Advanced

Set the Advanced options that are applicable to this widget

How To Create A Content Lock Popup

How To Create A Content Lock Popup

Create a popup that prevents visitors from seeing the page』s content unless they click a specific button within the Popup.

You』ll learn how to create a popup that:

Ask the visitor a Yes or No question, and allow the visitor to click either a Yes button or a No buttonShow the content of the page if the visitor clicks the Yes button, and redirect the visitor to another URL if she clicks the No button or clicks anywhere other than the Yes button.

Design The Popup And Its Content

Go to Templates > Popups > Add New and give your new Popup a name. (An alternative method is to press CMD+E or CTRL+E to open Finder, search for Popup, choose Add New Popup, and give it a name.)Choose a pre-designed Popup template or close the Library overlay and design your Popup from scratch. For this example, we』ll design our own.

Popup > Layout Tab

Width: Set to 600pxHeight: Select CustomCustom Height: Set to 800pxVertical Position: CenterClose Button: Set to HideEntrance Animation: Choose Fade In

Content

Add a Heading that asks a Yes or No question, and style it as needed.Add two buttons, one for Yes and one for No, and style each as needed.Click the cog / gear icon  located at the bottom left of the panel to return to the Popup Settings

Popup > Style Tab

Background Type: TransparentImage: Add a background image and adjust its settings as needed

Popup > Advanced Tab

Padding: Set at 80px for right and left, leaving 
top and bottom blank
Prevent Closing on Overlay: Set to YesPrevent on Closing on ESC Key: Set to Yes

Edit the Section

Section > Style > Border

Border Type: SolidBorder Width: 15pxColor: Choose a color for your borderBorder Radius: 40 for Bottom only

Section > Advanced

Padding: 30px for Bottom only.

Edit the Column

Column > Style

Background Type: GradientColor: Choose the first gradient colorSecond Color: Choose the second gradient colorType: Radial

Border

Border Radius: 20px for Bottom onlyBox Shadow: Set as needed

Column > Advanced

Margin: Set -30 (minus 30) for both Top and LeftPadding: Set 100px for both Top and Bottom

Edit the Content

Heading > Style

Title: Set the color to white.

Button > Style

Text Color: Set the color to white for each button.

Edit the Yes Button

Content:

Link: Click the Dynamic icon and choose Actions > PopupClick on Popup againChoose Close Popup and slide Don』t Show Again to Yes

Edit The No Button

Content:

Link: Enter any age-appropriate site link

Set the Publish Options

Click Publish button. There are no Conditions, Triggers, or Advanced Rules for this popup, so click the Save and Close button.

Edit the page that contains the Buy button (or whichever button you create to launch the popup).

Edit the Buy Button

If you haven』t already created a button to launch the Popup, you can do so now. Edit its text and typography as neededLink: Click the Dynamic icon and choose Actions > PopupClick Popup again, and under Action, choose Open Popup.In the Popup field, enter a few letters to search/find the Popup you just created.Click the Update button to update the page.

All done. Now go to the page with the Buy button, click it, and see the popup in action.