诗语，作者 Ultimate Addons for Elementor 文档

Schema Support with Business Reviews Widget

Business Reviews widget offers Reviews Schema support. Enabling this setting adds review fields in the schema of the web page. So whenever a user searches for a relevant place, organization or service, Google considers this input while showing the results. Eventually, positive reviews can help your website climbing up in the search results.

How does it work?

With the widget, you can display Google (maximum 5) and Yelp (maximum 3) reviews on the site.Enabling review schema support will add this number of reviews in the schema markup. It will add fields – ratingValue and reviewCount in the selected type of schema i.e organization, place or service. For Example – If you opted to display 3 Google reviews on the page ( maximum 5 reviews can be displayed ). The widget will add reviewCount as 3 and aggregate ratingValue to schema field as shown in the following screenshot.

IMPORTANT NOTE: If you are using LocalBusiness schema, we strongly recommend NOT to enable Reviews Schema support. According to the Google guidelines, if review snippet is for a local business 1. Ratings must be sourced directly from users. 2. Sites must collect ratings information directly from users and not from other sites.

Source – Review snippet

The widget have options to add review properties in 3 types of schema –

PlaceOrganizationService

In each type of schema, widget adds the following properties –

aggregateRatingratingValuereviewCount

How to choose Schema Type?

Out of 3 schema types ( Place, Organization, Service ) choose schema related to your business.

In case you are showing a place like a bridge, road, lake, etc. choose Place schema.If you are a service based company select Service schema.If you are running a firm or company choose Organization schema

How to test schema added to page?

After enabling the schema with widget test your web page URL with Google – Structured Data Testing Tool In the right column you will see a tab for the schema you choose. Clicking on it will show review properties for aggregateRating.

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,

How to Display Your Form in a Single Line using WPForms Styler Widget?

You can create and display Inline Forms using the WPForms form builder. And yes they are supported using the UAE』s WPForms Styler widget too.

In our example, we』ll be creating a form with three form fields: First Name, Last Name, and Email.

To display the form in a single line, navigate to Settings » General in your form builder and add the CSS class inline-fields to the Form CSS Class field.

After that, you might require reducing the height of your form, you can set the placeholder text and select Hide Label for each field in Advanced Options.

Here』s how the form will display inline on the front end:

That』s it! Now you will be able to create forms that will be displayed in a single line.

Timeline Widget

Timeline is a flexible widget that allows displaying historical events with vertical timeline items. The widget contains various customization options to make your timeline attractive. You can add text, media, icon to the timeline items. You can display posts, pages, media, templates in the timeline. Color and typography options allow designing the timeline to suit your website theme.

Checkout detailed video for the Timeline widget:

Below are the key points for the Timeline Widget –

Powerful Query Builder to display exact posts.Infinite Load Pagination.Ability to add Custom Value in Post』s Date Area.Global and individual – Icon & its styling options.Focused (on scroll) color for connector, icon & item.Hover style for icon & item.Responsive support for alignment of Timeline.Option to add a link for items.

Before getting started, make sure to enable widget from UAE settings. (?)

1. Powerful Query Builder

It allows choosing exact posts to display. Read How Query Builder Works for Post Timeline?

2. Infinite Load for Pagination

Posts that are selected from the query builder can be set to load automatically in the timeline on the scroll. See How to Enable Infinite Load Pagination for Post Timeline?

3. Ability to add Custom Value in Post』s Date Area

You can change the default date filed of the post to any field value that has Meta Key. Read How to Display Custom Value in Post』s Date Area?

4. Ability to add a media and date with each item

Other than posts you can add content to timeline items are cards. Choose Content Source as Custom. Add new Timeline Items or copy existing one. You can reorder items with simple drag and drop. Each item allows adding following things to the item –

DateHeadingDescription ( text and media )

5. Global and Individual – Icon & its styling options

The widget allows setting the same icon for all items globally or different icon for each individual item. You would need to override global styling options to set icon individually. Read How to Set and Style Particular Item / Icon?

6. Focused (on scroll) color for connector, icon & item.

When you scroll the timeline down, color for the – vertical connector line, icon, icon background can be changed. Color will be changed only when the icon comes in the viewport. It gives a nice elegant look to the timeline and also helps in highlighting the visited timeline item. See How to Set On-Scroll Color for Separator Line and Icon?

7. Hover style for icon & item

Hover colors can be set for the timeline item. Settings can found under the Style tab. Different tabs include hover color options for the item under the HOVER tab.

Items – Hover color for Heading, Text, Item Background.Dates – Date.Connector – Icon and Icon Background.

8. Responsive support for alignment of Timeline

Timeline widget handles the responsive view for the items. See How to Manage Timeline on Responsive View?

How to Insert a Video in the UAE Modal Popup?

The Ultimate Addons for Elementor allows you to add trendy Modal Popups on your website. You can add photos, content, saved sections, pages, images etc. within a Modal Popup.

In this article we』ll see how you can add a video within a modal popup.

1. Drag and drop the Modal Popup widget on your desired page.

2. You then have 4 different ways in which you can add a video on your popup.

Using Video Embed CodeYouTube VideoVimeo VideoiFrame

We』ll take a look at each of them and see how simple it is to add a video on a popup.

Add a Video using Video Embed Code

Do you wish to embed a video by simply adding the embed code? You can do that in just a couple of steps.

Select Content Type as Video Embed Code and enter the code in the field given below. You can add the embed code that you get for a particular video or even the URL will work.

YouTube Video

Do you wish to embed a YouTube video within a popup? You can do that by simply adding the video link in the given space.

Select the Content Type as YouTube and enter the Video URL in the field given below.

Note: Make sure you add the actual URL of the video and not the share URL.

https://www.youtube.com/watch?v=wImwSa6n8Bc14

https://youtu.be/wImwSa6n8Bc214

Let us take a look at some settings that you can control here:

Aspect Ratio: You can select your desired aspect ratio for the video.

Auto-play: You can enable this option if you want the video to start playing automatically.

Related Videos From: This option will display related videos that can be seen after a video finishes playing. It has two options – Current Video Channel and Any Random Video. Current Video Channel will display related videos from the same YouTube channel. Any Random Video will display random videos on the basis of public favorite videos. Note that suggested videos cannot be turned off completely.

Disable Video Title: You can enable this option if you don』t want the video title to be displayed.

Disable Player Controls: Player controls like Play, Pause, Volume, etc. will be seen by default. You can hide them by enabling this option.

Vimeo Video

You might have a video on Vimeo too! Need to embed this on a modal popup? You can do that by entering the video URL.

Select the Content Type as Vimeo and paste the Video URL in the field given below. Vimeo does not have restrictions as to what kind of a URL you need to paste. Just make sure you copy and paste the URL of the right video!

Let us take a look at some settings that you can control here:

Aspect Ratio: You can select your desired aspect ratio for the video.

Auto-play: You can enable this option if you want the video to start playing automatically.

iFrame Video

Do you wish to embed a video within an iFrame in the popup? You can do that too!

Select the Content Type as iFrame and enter the URL in the field given below.

Please note: If you are using a YouTube URL, you will have to replace watch?v= by embed/

For eg:

Actual video URL: https://www.youtube.com/watch?v=8WkuChVeL0s

URL to be added in an iFrame: https://www.youtube.com/embed/8WkuChVeL0s

You can then set the height of the iFrame with the setting given below.

And, if you wish to use a Vimeo video within an iFrame, you need to use the URL that you see in the embed code.

For eg:

Actual video URL: https://vimeo.com/channels/staffpicks/257776764

URL to be added in an iFrame: https://player.vimeo.com/video/257776764

WPForms Styler Widget

Using one of the Best Drag and Drop builder also requires the best Drag and Drop form Builder, and what better than having the WPForms Styler widget to take it to another level.

This widget will allow you to design WP Forms to suit your website』s color scheme and much more. It will help you to customize a form with different color and style settings. Below are the key features for the widget –

Custom/Default WPForms Title & DescriptionTitle & Description styling optionsField style options ( Box & Underline )Easy & 100% customization for Radio & checkboxDifferent styles for error messagesGradient color / Image background options for submit button

With WPForms Styler widget, just drag and drop the widget, select the WPForms from the list and style it with the UAE widget options.

Custom/Default WPForms Title & Description

The widget provides the option to set Custom or Default WPForms Title and Description. You can either use the Default Form name of the WPForms or add your own Title & Description. It even has the option to align the Title & Description as per your requirement.

Title & Description styling options

Apart from the Alignment option, you will also find the Styling options for the Title and Description, like Bottom Margin, and even the Typography and Color.

Field style options ( Box & Underline )

The widget provides prebuilt styling options for the input fields. You can choose Field Style as a box or underline. The Box layout will add a border from all sides. You can choose the border style, color, width, etc. from the available options. The Underline layout will add a border at the bottom of the input fields.

Box

Underline

Easy & 100% customization for Radio & checkbox

Have you ever wanted to style the checkboxes, radio buttons in a WP Forms? This is easy with the WP Forms Styler widget. Styling set for the form under the General tab will be applied to checkboxes, radio buttons by default. You can set different styles by enabling the Override Current Style option. You have various color and styling options under Radio & Checkbox tab.

Different styles for error messages.

Success / Error Message options allow setting colors for Error Field Message and Form Success Validation. This option allows setting different Message and Background colors for the fields that have an error. You can also set the Message Position.

Gradient color / Image background options for submit button

Now you can highlight the submit button with an attractive design. All options are available under the Submit Button tab. You can set background color/image/gradient for the normal and hover submit button. Other colors and Box Shadow options add a finishing touch to the button.

How to Find YouTube Channel Name and Channel ID?

UAE』s video widget allows displaying YouTube Subscribe Bar for video. This bar shows Subscribe to Channel Text and Button at the bottom of the video. You need to link this subscribe button with your video channel on YouTube. Read How to Display YouTube Subscribe Bar for Video?

To connect to a channel you need to enter either its name or ID. This document explains how to get name and ID for the YouTube Channel.

Find YouTube Channel Name

If you have registered your channel name on the YouTube, you can use it to link subscribe button on the video. Below are the detailed steps to get YouTube channel name –

Open the browser and go to www.youtube.comClick on the Sign In button on the upper right corner and fill the details asked (username and password).Once you have signed in with your account, click on the user icon/thumbnail image on the upper right corner.Click on the Creator Studio. VIEW CHANNEL link will appear below your name and beside the user icon/thumbnail image. Click on it.Now observe the URL. The name will appear in the URL as shown in below screenshot.

Find YouTube Channel ID

To find the Channel ID follow the steps below –

What are Cluster Markers in UAE?

The Google Maps widget of the Ultimate Addons for Elementor allows you to add multiple markers to a single map. When you use many such markers together, you can group them together and call them cluster markers.

What is a Cluster Marker?

A cluster marker is a symbol used to highlight a number of markers in that area. Like shown in the example below, you』ll see the count of individual nearby markers displayed on a cluster marker. This number decreases as you zoom in since individual markers are separated as you move closer to the specific area.

How to Enable Cluster Markers for Google Maps on your website?

Open the Control settings of the Google Maps widget of UAE. Enable the Cluster the Markers option as seen in the screenshot below.

How to update any plugin manually through FTP?

Sometimes it happens that due to some issues you can not update the plugin from WordPress directly. So for this, you need to follow the Geeky Method i.e update from FTP.

Follow the simple steps below to update plugin manually

Download and Extract the plugin that you want to be installed in your WordPressLog into FTP Account using FileZilla or similar program.Go to wp-content/plugins directoryUpload the plugin in the directoryOnce the file is uploaded, then go to WordPress and just activate the newly updated plugin.

Note: Please make sure that the folder you upload contains all sub-files and not a folder

Create Table by Uploading CSV

UAE』s Table widget allows uploading the CSV file to create a table.

CSV (Comma Separated Values) format is a plain text format in which values are separated by commas. You just need to upload it to Table widget and table will form on the basis of CSV file. Below are the steps to upload CSV file –

From the Content (tab) > Table Header > Source select CSV file.Click on the box under Upload a CSV File.Upload your CSV file from the media uploader.Click on Insert Media.A table will form on basis of CSV file.

Note: Uploaded CSV will not be visible in media like images or video. CSV files will not be saved as media. So every time you wish to create a table with CSV file you need to upload a CSV file again. This is because Elementor Framework does not have a facility to upload CSV file type.

You can add a Sortable and Searchable table or show Entries Dropdown with this table as well. Read How to add Sortable and Searchable Table? How to Show Entries Dropdown?You can even style this table with settings available under the Style tab. Read How to Style the Table?

Related Docs –

Facing Issues with CSV Import?