1. Make sure that you’re using the latest versions of the Elementor Page Builder plugin.

2. Enable the Elementor editor loader mode following this screenshot:

3. Regenerate CSS and Sync your Elementor libraries from Elementor > Tools:

4. Clear all the cache from your website including any plugin, browser, server, or CDN (eg. Cloudflare) also try disabling the Cache/Optimization plugin for some time if you are using one.

5. Try with a different permalink structure from Settings:

6. Make sure that your server is configured according to Elementor System requirements:

– PHP time limit = 300
– PHP memory limit = 512M or more

If you’re unsure how to configure these, please contact your hosting provider; they’ll do this for you. You can see your current configurations from Tools > Site Health > Info > Server (video).

MetForm has launched a feature collect unique emails for you. Let’s discuss how it works.

How Does Unique Email Control Work

From your dashboard, go to Metform. You can open a new form or an existing form and edit it with Elementor.

From the Content section -> Go to Settings -> Click the Email field -> Find Unique Email -> Turn it ON

Next, Turn the Required? field ON. It confirms that a unique email is required to submit the form.

Now, save the changes and check it form the front end.

You are done

Now customize your form with Metform’s unique email control feature and enhance the overall user experience.

In this article, we will show how to create a workflow in SureTriggers to connect MetForm with other applications.

How to Connect MetForm With SureTriggers?

Make sure you have installed and activated the MetForm plugin. Then, follow the step-by-step guide to integrate the MetForm plugin with SureTriggers.

First, you need to have the plugin version of SureTriggers. Here’s the activation process —

Step 1: Install and Activate the SureTriggers Plugin

1. Log in to your WordPress dashboard.
2. Follow Plugin > Add New.
3. Enter “SureTriggers” in the search box.
4. Once you see it, install & activate it.

Up next, you will land on the above image. Click the “Get Started Now” button.

Then, you have to authorize the SureTriggers account. After the successful authentication, you will see the SureTriggers dashboard on your WordPress admin panel.

Step 2: Create a Workflow

Now, you will first create a workflow. A workflow is a combination of a trigger event and one or multiple actions that automate workflows between applications.

Every time the trigger event happens in the trigger application, the actions will take place in your action application.

In this tutorial, our workflow includes the MetForm as a trigger event and Mailchimp as the action app.

Simply, follow the below steps.

1. Click the “+ Create Workflows” button at the top right of the SureTriggers dashboard.

2. After that, you will see a popup asking you to give a title for the workflow. Enter a unique title and hit the “Start Building” button.

Step 3: Add a Trigger Event

Let’s see how to configure a trigger event.

1. Once you are in the workflow screen, select the “Add Trigger” button.

2. Then, the “Add Trigger” screen will be revealed from the right side of your device screen. You need to select the trigger app. Here, put “MetForm” in the search box.

3. And, when you see it, click on it.

4. Select Event: Choose trigger event type as “Form Submitted” in the dropdown.

5. Select Connection: Add the WordPress website, where you have the MetForm activated. 

6. Select From: Next, select the form to add subscribers to Mailchimp.

7. Now you have to run the “From Submitted” event from your selected account. After doing this, SureTriggers will fetch the data and display it like the image above.

8. Last, click the “Save” button and you will be done with the trigger app setting.

And, you will be back on the Workflow editor screen. Here, you will add an action.

Step 4: Add an Action

Click the “+” icon to add an action.

Then, search for “Mailchimp” to add as an action app in the same way as you have added MetForm as a trigger app.

Once you see it, click on the Mailchimp icon.

And, you will configure the Select Event and Select Connection options and need to fill out some other details like Audience, Subscriber Email, Tags, Language Code, Address, etc. 

Step 5: Test The Workflow

After putting all the details, hit the “Test Action” button. And, you will see a successful notification. And, hit the “Save” button.

Step 6: Publish The Workflow

As you move to the Workflow dashboard, hit the “Publish” button to make it live. 

That’s it! Now, it’s your turn to automate MetForm with any application using the SureTriggers platform!

In this post, you will learn how to add Glass morphism effect to any Elementor widget.

How to Add Glass Morphism Effects to Any Elementor Widget

Follow the steps below to get a complete walkthrough for bringing a glass-looking style to your Elementor website.

Step-1: Enable the Glass Morphism Module

To get started, you need to manually enable the Glass Morphism module. For this, from your WordPress dashboard,

• Follow ElementsKit > MODULES.
• Find the Glass Morphism module.
• Enable the toggle button next to it.
• Then, hit the “Save Changes” button in the top right corner.

Now, you will see the Glass Morphism feature in the advanced tab of any widget or column.

Step- 2: Add the Glass Morphism Effect

You can add Glass Morphism effects for styling product items, image galleries, pricing sections, comparisons, and many more. 

To do this, 

• Add any page or post and edit with Elementor. 
• Then, insert a column or widget.
• Now, go to the Advanced Settings tab.
• And, open the “ElementsKit Glass Morphism” settings.
• Click the edit icon and it will reveal all the features of Glass Morphism styling.

Let’s see how this feature works

Blur

Define a blur value depending on how blurred the surface you want for the design. Blur effects bring a glass-like aesthetic to your design by adding colorful and transparent layers between design elements. Thus, it shows a multilayered appearance to the design.

Brightness

Use the slider or add a custom value to adjust the brightness of the glass morphism design. 

Contrast

Define the degree of contrast. It will help to maintain the visual hierarchy while using multiple design elements simultaneously.

Saturation

Use this slider or give a custom value to control the gray level in the element color. If you increase the saturation level, it will make your color more vibrant. Conversely, decreasing the saturation will cause the color tone to become dull.

Grayscale

From here, you can apply gray shades to your design. You decide how light or dark the design will be in shades of gray. Selecting a higher range will bring the darkest version of the design. Whereas, entering a lower value will bring brightness to your design.

Hue

Hue is a term used to describe the intensity of the blend between two colors. Here, you’re not changing the main color, you’re just adjusting how bright it is against its corresponding color.

For example, if you add two colors like, red and pink, your design has two hues. And, the slider will let you change the intensity of both colors.

This setting is based on a color wheel from 0 to 360. Here,

• 0 refers to red.
• 120 refers to green.
• 240 refers to blue.

Now, it’s your turn. We have shown how to use all the ElelmentsKit Glass Morphism features to create an appealing frosted glass look anywhere on the Elementor website.

Using Mouse Cursor Module

Let’s learn how our Mouse Cursor works. Before that, don’t forget to install ElemenstKit Pro on your WordPress dashboard.

STEP-1

Go to ElementsKit from your WordPress dashboard -> Move to Modules -> Find Mouse Cursor module and turn it ON -> Click Save Changes

STEP-2

Open any page or post where you want to apply the mouse cursor and start editing with Elementor.

Now,

1. Click a section where you want to use the mouse cursor
2. Go to Advanced
3. Find ElementsKit Mouse Cursor

If you expand the ElementsKit Mouse Cursor you have to enable the button to Yes.

In the Content part, you can customize –

• Cursor Type – You can keep the cursor type Text, Image, or Icon.
• Text Label/Image/Icon – Depending on the cursor type you choose, this option will appear here.

Disable Default Cursor – If you want, you can disable the default cursor using this button.

In the Style part, you can find many styling options to style a cursor. For example, you can change typography, color, border type, border radius, padding, and so on. Based on the cursor type you have chosen, you will get these options here.

However, you can use a nice-looking mouse cursor for any section, column, image, etc. Just click the Navigator button and find in which area you want to customize the mouse cursor.

STEP-3: Check the Output

Here is our output, have a look at the creative mouse cursors we have made

Isn’t it nice and easy? Now you can also customize the appearance of the mouse cursor quickly and grab viewers’ attention.

Installing this WooCommerce email builder is as easy as you can think. You just need to install the email builder plugin and customize WooCommerce emails with ease.

Read this documentation to learn how to use EmailKit- WooCommerce Email Customizer.

Prerequisite

Because EmailKit is an email customizer for WooCommerce, therefore you need to install and set up WooCommerce on your website.

Installing EmailKit

You can get the WooCommerce email customizer plugin from WordPress.org. or by searching in the plugins section from your dashboard.

Install EmailKit from WordPress.org

Download the EmailKit WooCommerce email customizer plugin from: https://wordpress.org/plugins/emailkit/

To install the EmailKit WooCommerce email customizer plugin:

1. Go to Plugins from your WordPress dashboard.
2. Now, click through Add New >> Upload Plugin.
3. Then click on the Choose File button and select the zip file of the plugin that you have installed previously.
4. After that, click to Install Now button and wait till the installation is complete.

Finally, when the installation is done, Activate the plugin.

That’s it. You can now start building custom email WooCommerce with ease.

Install EmailKit by Searching in the Plugins Section

From the Plugins section of your dashboard, search EmailKit and install by clicking on it.

Find the plugin and activate the plugin. You are done!

EmailKit is a simple yet powerful email customizer. So, install the plugin and start creating your personalized emails.

Read this documentation to learn how to create a WooCommerce email template with EmailKit.

Plugin Required:

1. WooCommerce: Download Plugin
2. EmailKit: Download For Free

Learn how to install EmailKit WooCommerce email customizer plugin

How to create a WooCommerce email template

In order to create a WooCommerce email template, first log in to your WordPress site. Then proceed by following these steps:

Step-1:

After installing the EmailKit- WooCommerce email customizer plugin, navigate to EmailKit > Add New from your WordPress dashboard.

Step-2:

On the next step, you will see a new window, here you have to –

• Add a template name
• Select the email type
• Select template type
• And click Edit with EmailKit

Email Type WordPress – When you click the Add new option of EmailKit, the pop-up will show WordPress Email by default. The templates are – New Register and Reset Account.

Email Type WooCommerce – When you select WooCommerce email type, you will get templates like New Order, Order On Hold, Customer Note, New Account, etc.

Step-3:

After selecting your template and clicking Edit with EmailKit you will be redirect to the editor page. Here in the Elements section you will get different widgets to design your email template.

In the Templates section, you can find existing templates that you have created previously.

You can adjust the email appearance and spacing in the Settings section.

Also, in the editorial section you will get test email sending option. You can test the created email before finally send it.

EmailKit is a helpful plugin to create and customize essential emails for your business. It is quick and efficient.

Please follow the below steps carefully to get the Long-Lived User Access Token:

1. Create a Facebook App ID. Skip this step if you got one.
2. Get a short-lived user access token. Skip this step if you got one.
3. Go to this link.
4. Paste the “short-lived access token” in the input box.
5. Click the “Debug” button.
6. As you will see in the debug details, the “short-lived access token” expires after a few hours.
7. To convert it to “long-lived access token”, click the “Extend Access Token” button.
8. Facebook will ask for your password, enter your password to continue.
9. The generated characters are your “long-lived user access token”. Copy it.

Now go to Facebook Page Feed=> Provide Page ID=> Page Access Token=> Save Changes

• When working with our MetForm, which is built using the REACT framework, it’s important to ensure that here doesn’t contain any external or invalid HTML elements. If such elements are present, the form may not display correctly on the frontend, and errors may occur. Often, these problematic markups originate from external widgets, such as the Text Editor Widget. To resolve this issue, please inspect the browser’s console on the page where you’ve integrated MetForm. Removing any external HTML or widgets causing the problem should resolve the issue and ensure proper form functionality.
• Caching plugin. Sometimes, the Caching plugin Minifies one of the core files of MetForm and that causes the form to not appear on the Frontend. Since MetForm is already minified for giving the best performance, it doesn’t require any additional minification So if you are using any optimization or caching plugin, can you please check by disabling that? If that solves your issue, I will let you know what needs to be done to keep using MetForm while the caching plugin is activated.
• Also, make sure you are using a unique name for each field (video – https://d.pr/v/kYMkBJ) & if you using a conditional logic for input fields make sure you are using a valid condition(screenshot – https://d.pr/i/FOnW4x).

If you still need any assistance regarding this matter please create a support ticket from this link – https://wpmet.com/support-ticket-form/. We will help you solve any problems.

Such a useful module is the ElementsKit Wrapper Link module. This feature lets you insert and display links with your desired content or site.

Using ElementsKit Wrapper Link Module

Start from your WordPress dashboard and make sure you have installed ElementsKit Pro.

ElementsKit Pro for you.

STEP-1

From your WordPress dashboard find ElementsKit -> 1. Go to Modules -> 2. Find the Wrapper Link and turn it ON -> 3. Save Changes

STEP-2

Open any new or old content or page -> Select the section you want to add a link -> Go to Advanced section -> Find ElementsKit Wrapper Link and enable the button -> Insert your desired link

STEP-3

Check the output now. This is how it works –

Now, you can insert links within any content quickly. The module is efficient and easy.