Ultimate Addons for Elementor 文件

How to activate Ultimate Addons for Elementor license?

Ultimate Addons for Elementor is a plugin that extends the elementor page builder and adds more widgets in it.
Once you install the plugin you can register UAE license key to get remote auto updates, support and unlocking other goodies for your website.
You can refer to the article here to know where you can find the License key.
To activate license of Ultimate Addons for Elementor, navigate to WordPress Dashboard > Plugins > Ultimate Addons for Elementor > Activate License.

Enter your license key in the popup box and Activate your license.

Content Toggle Widget

This widget allows switching between two types of content, saved templates or pages. Here is the demo. Below is the detailed video –

Key features –

You can display content / saved section / saved pageChoose which content section to display by defaultDifferent switch stylesHeading and toggle switch layout ( inline/stack)Responsive option for inline layoutDynamic field support for heading Styling for each part of the widget

Add content for toggle switch

When user clicks on the toggle, a content will be switched. You would need to enter content for both sides. This content can be –

TextSaved section Saved page

Default content display and toggle switch styles

Between both contents you can choose which content to display by default. To set this go to Style > Switcher > Default Display and select content.

Different styles for the toogle button can be found under Style > Switcher > Switch Style. You can completely customize the toggle switch with available options.

Layout and other styling options for headings

Headings can be set inline or stack. If you set it to display inline, on responsive you can stack them with a responsive option. These options are available under Style > Headings > Layout. Headings tab will contain all option to customize both headings completely.

FAQ Widget for Elementor

Looking to add an FAQ, with some cool options having a Grid / Accordion?

We have listened to you! And we bring to you the FAQ module, which will allow you to create FAQs with just a few clicks and display it as Accordion or even with a Grid Layout!

Below are the few key features we have taken care of –

Quick and Easy SetupLayout options from Grid / Accordion (default)Display Content / Saved Section / Saved Page Overall Customization options Selective Schema insertionSchema Integration as per latest Google Guidelines

Let』s take a quick look at the key features in details –

Quick and Easy Setup

You might have seen the Accordion module with Elementor, even here you will just need to drag-n-drop the module. That』s not it. You will now be able to add custom content like previously and also fetch the Saved Section / Saved Page directly in here without using any shortcode.

Just select the Content Type from the Saved Section or Saved Page.

Layout Options – Grid / Accordion

You are not limited to the Accordion layout – you will be able to create Grid layout, Toggle layout along with the Accordion layout.

And team it up with the other customization options and there are endless design possibilities for FAQs.

Let』s see some examples you can achieve –

Overall Customization options

With so many options, we have taken equal care to provide options to customize and style every section of the widget.

You will find the option to manage the alignment, spacing, add a separator to the content. Also, you can manage the Columns for the Grid layout.

Apart from that you can add a border, manage its width, color and style too. Even there are options to style the Background, manage Padding and also Typography from the Style tab of the widget.

Selective Schema Insertion

An FAQ module can be used on an FAQ page which contains questions and answers based on your site』s content or respective page.

Now, we provide an option to enable JSON-LD Schema markup that automatically fetches it from the widget』s FAQ content.

This will make your page eligible for the rich result on Google Search. Also, making it available to more users and higher Click-Through-Rate ( CTR ).

We have provided a selective way using which you can enable Schema on this widget –

The following are fields we have mapped –

MainEntity [ FAQ once enabled ]QuestionAnswer

And here are the definitions of the FAQ fields as per Google』s Developer Guide.

How to Preview the FAQ Schema Added to Your Page?

Google provides the Rich Results Test tool to preview and verify the FAQ Schema added on your page. Visit this link for the tool.

Even here you will find two options to test your page』s Rich Results which will be displayed on Google Search.

You can either copy your page URL and paste it in the URL section or copy your page』s source by pressing ( CTRL + U ) and Paste it in the Code section. And press Run Test URL/Test Code button below it.

The following option – 「Googlebot smartphone/Googlebot Desktop」 is just beside the Test URL/Test Code button, you will have the option to preview in 「Smartphone/Desktop」, you do not require to change here anything. But you can preview your Rich Result in Desktop view too.

Next, you will see a page that says, Page is eligible for rich results. Click on Preview Results and you will see an example of how your FAQs can be viewed on Google Search Results.

Go ahead and try out the FAQ widget on your FAQ page, and make them eligible for Google Search easily,

Apply White Label Settings from wp-config.php File

By now, we all know how to White Label UAE? It is also known that the white label settings page can be hidden from the dashboard. However, it reappears when the plugin is re-activated on the website.

We were asked whether these white label settings can be hidden permanently. Especially agencies who serve many clients would not want them to know that the plugin or theme used to build their website is a third party white labeled plugin.

Therefore, we』ve introduced a method that will allow you to White Label the plugin and hide the White Label settings – and keep them hidden, no matter what activity the user performs with the plugin or on the website. This means that you can white label the plugin permanently from the wp-config.php file and these settings will not be changed from the WordPress dashboard settings.

To achieve the above scenario we have added a White Label Constants to UAEL from version 1.5.1.

Below is the list for the  White Label Settings and their respective White Label Constants.

White Label SettingsWhite Label ConstantsAuthorUAEL_WL_AUTHORAuthor URLUAEL_WL_AUTHOR_URLPlugin NameUAEL_WL_PLUGIN_NAMEPlugin Short NameUAEL_WL_PLUGIN_SHORT_NAMEPlugin DescriptionUAEL_WL_PLUGIN_DESCRIPTIONReplace LogoUAEL_WL_REPLACE_LOGODisplay Knowledge Base BoxUAEL_WL_KNOWLEDGEBASEKnowledge Base URLUAEL_WL_KNOWLEDGEBASE_URLDisplay Support BoxUAEL_WL_SUPPORTSupport URLUAEL_WL_SUPPORT_URLDisplay Beta Update BoxUAEL_WL_BETA_UPDATE_BOXDisplay Help LinksUAEL_WL_INTERNAL_HELP_LINKSHide White LabelWP_UAEL_WL

How to use White Label Constants?

Step 1 – Open and edit the wp-config.php file.Step 2 –  Find the line /* That』s all, stop editing! Happy blogging. */ and add White Label Constants code just before this line.Step  3 – Below is the sample code for the White Label Constants. You can update the strings as per your requirement.

define( 'UAEL_WL_AUTHOR', 'UL Author' );
define( 'UAEL_WL_AUTHOR_URL', 'https://www.ulauthor.com' );
define( 'UAEL_WL_PLUGIN_NAME', 'UL Plugin' );
define( 'UAEL_WL_PLUGIN_SHORT_NAME', 'ULP' );
define( 'UAEL_WL_PLUGIN_DESCRIPTION', 'UL Plugin Addon for Elementor' );
define( 'UAEL_WL_REPLACE_LOGO', 'disable' ); // disable/enable
define( 'UAEL_WL_KNOWLEDGEBASE', 'enable' ); // disable/enable
define( 'UAEL_WL_KNOWLEDGEBASE_URL', '#knowledgebase' );
define( 'UAEL_WL_SUPPORT', 'enable' ); // disable/enable
define( 'UAEL_WL_SUPPORT_URL', '#support' );
define( 'UAEL_WL_BETA_UPDATE_BOX', 'enable' ); // disable/enable
define( 'UAEL_WL_INTERNAL_HELP_LINKS', 'enable' ); // disable/enable
define( 'WP_UAEL_WL', true ); // true/false

Retina Image Widget for Elementor

Retina Image Widget allows you to add a retina version of the image for high definition screens, removing any need for using other retina plugins or tools.

In this article, we will see how Retina Image widget works.

Key features –

Upload the Retina Image for High Definition screensProvide SVG support for Image or Logo

Like all the other widgets of Elementor, the Retina Image widget can simply be dragged and dropped in the position you want it to appear.

You can then proceed with the various settings that allow you to add the Default Image, Retina Image and display custom caption. Let us take a look at each settings tab of the Advanced Heading widget.

Below are the settings available for the Retina Image widget –

Retina Image

Retina Image: Under the Retina Image section you will be able to add your default Image as well as the Retina Image.

In the same section, you will see other options like setting the Image Size, Alignment, Caption, and Link.

Styling

Under the Style tab, you will see two options –

The Retina Image section will allow you to set the Image width, max-width, and other styling options.

While the Caption section only displays when you have set the Custom Caption in the Content tab.

Introducing How-to Schema Widget for Elementor!

UAE brings for you a brand new widget that now allows creating How-to pages or articles. And on top of it, you will have Schema Markup added to the page, without a single line of code.

Before diving in, let』s take a quick look at the features we can utilize in this widget –

Automatic Schema Integration as per latest Google GuidelinesQuick and Easy SetupHelp with Default textsOverall Customization options

How to Setup/Configure How-to Widget?

Let』s see how quickly we can setup and Configure the How-to widget –

Start with dragging-n-dropping the widget into the Elementor editorEdit or remove the default Strings as per your requirement to the Title and ContentStyle the widget as per your website style layoutReview and verify the page on Google Structured Data Testing ToolAnd that』s it your HowTo page has Schema added to it.

How to Style the How-to Widget?

We have provided various styling options to style the widget so that you can make it look similar to your page style or make it unique –

You can navigate to the Style tab of the How-to widget and find all the options for specific sections.

How to Verify HowTo Schema Added to Your Page?

Google provides a Structured Data Testing Tool. Visit this link – Tool Link.

There you will find two options to test your Structured Data containing Schema –

You can either copy your page URL which has the HowTo widget on it and add it in the Page URL section or copy your page』s source by pressing ( CTRL + U ) and Paste it in the Code Snippet section. And press Run Test button below it.

On the next page, you will see detected Schema results – where you will need to find the HowTo schema. If there are no errors or Warnings, your page is ready for Rich Search results to be displayed for Google.

Click on the HowTo schema and you will find the Question and Answers you have provided in the respective Name and Text fields of the Schema Markup.

How to Preview the HowTo Schema Added to Your Page?

Google provides another tool called a Rich Results Test tool. Visit this link for the tool.

Even here you will find two options to test your page』s Rich Results for they would display on Google Search.

You can either copy your page URL and paste it in the URL section or copy your page』s source by pressing ( CTRL + U ) and Paste it in the Code section. And press Run Test URL/Test Code button below it.

The following option – 「Googlebot smartphone/Googlebot Desktop」 is just beside the Test URL/Test Code button, you will have the option to preview in 「Smartphone/Desktop」, you do not require to change here anything. But you can preview your Rich Result in Desktop view too.

Next, you will see a page that says, Page is eligible for rich results. Click on Preview Results and you will see an example of how your FAQs can be viewed on Google Search Results.

How Can I Upgrade the License?

Upgrade to Lifetime:

Customers need to pay only the difference amount.Example – If a user wants to upgrade from Ultimate Addons ($69 / Year) to Ultimate Addons ($249 / Lifetime), he will have to pay only $180 ($249 – $69)

That』s about it

Upgrade to Annual:

In case if you upgrade to annual license, the original date of license expiry is considered, regardless of the date of upgrade. The amount you will be charged will be based on the price difference and the time left in your current subscription before renewal.

Example: A customer purchased an annual license of Ultimate Addons ($69 / Year) on January 1, 2017. On July 1, 2017, the customer upgrades his license to Growth Bundle ($249 / Year). The price difference is $180 and there are 6 months left in his current subscription period. The customer will pay $90 to upgrade. On January 1, 2018, the subscription will renew and the customer will pay the license renewal amount and own an active license key until January 1, 2019.

The expiration date of the license will not change; an upgraded license will still expire on the original expiration date whether prorated or not.

How to Upgrade?

Just visit the upgrades page on our store to see your available options.

Have questions? Get in touch, We will be happy to help!

How to Open a Specific Section of Content Toggle Widget from a Remote Link?

The Content Toggle widget now allows opening either section of the content toggle from a remote link. That means you can direct using a link on any page to open either section of the content toggle.

Below are the detailed steps to achieve this requirement –

Step 1: Add an ID uael-toggle-init to the Content Toggle widget. Note that add ID uael-toggle-init only. Other ID will not work.

Step 2: Sections of the Content Toggle widget are identified as content-1 and content-2 IDs. Now you can open the 2nd section by using ID 『content-2『 after the URL. That means add  『/#content-2′ at the end to the page URL. 

For Example – 

Consider you have pages A and B. Content toggle is set on page A having Section 1 and Section 2. Now, we want to see Section 2 of content toggle when redirected page B. In this case, follow the steps –

Add a uael-toggle-init as ID to the Content Toggle under the Advanced from of the Widget.Now, from page B, use a text, button or anything with a link to the content toggle section. Use a URL for page A and add #content-1 (for the first section of content toggle ) or #content-2 (for the second section of content toggle ) at the end of the URL. Like -> your-domain/page-name/#content-2

Refer to the following video, which shows that the second toggle element is opened as we clicked on the button which then redirects us to the page having the Content Toggle.

Filters/Actions for Image Gallery Widget

Filters available for Image Gallery are listed below.

Helps Modify Filterable Tabs.

add_filter( 'uael_image_gallery_tabs', function( $cat_filter ) {
// Modify the array here
return $cat_filter;
}, 10, 2 );
Note: $cat_filter –  The array of image categories to display in Filterable Tabs.For example –
add_filter( 'uael_image_gallery_tabs', function( $cat_filter ) {
$cat_filter['old_category'] = 'New Category';
return $cat_filter ;
}, 10, 2 );

Helps to Modify Image Carousel Settings.

add_filter( 'uael_image_gallery_carousel_options', function( $slick_options ) {
// Modify the array here
return $slick_options;
}, 10, 2 );

Helps to Modify Image gallery lightbox content

add_filter( 'uael-lightbox-content', function( $lightbox ) { // specify the content here. return $lightbox; }, 10, 2 );
Note: $lightbox – The content to be displayed in the light box. We can display the image 『title』 or image 『description』.
For example –

add_filter( 'uael-lightbox-content', function( $lightbox ) { // specify the content here. $lightbox ='description'; return $lightbox; }, 10, 2 );

How to Create a User Registration Form with Only Email Field in Elementor?

Yes, you can create a User Registration Form containing only Email Field using Elementor and Ultimate Addons for Elementor!

Firstly you will need to drag and drop the User Registration Form widget on the Elementor Editor and remove all the default Form Fields except the Email field.

Now, under the General Settings, enable the Send Email option, this would – send the new user an email about their successful account creation.

Now we have the option to customize the email sent to the User, you will have to select the Email Template > Custom to be able to send the Customized email containing password.

Here a description field will be added where you will be able to customize your email which will be sent to the User.

We have provided default custom Message which you can modify as required –

How to Customize User Email in the User Registration Form Widget?

You can customize the User Email as we have seen above for the scenario with – email field with the only password.

Now if you need to send other details to the user after a successful registration. You can use the following shortcodes with the email Customization as per your requirement.

Following are the shortcodes you will require to add in the Message section with your customized message –

[field=username] [field=email] [field=password][field=first_name] [field=last_name]

This how you can customize the User Email using the User Registration Form widget.