Author: Web Administrator

25 Best Sales Page WordPress Themes for Marketers

~ Web Administrator ~ Leave a comment

Are you looking for the best sales page WordPress themes for your marketing campaign?

Sales page or landing page WordPress themes help marketers convert visitors into paying customers. Choosing the right theme means you can highlight specific brands or products to avoid distractions and increase sales.

In this article, we will share some of the best sales page WordPress themes for marketers.

Creating a Sales Page Website with WordPress

A good sales page prominently displays call-to-action buttons, along with a breakdown of your product or service’s features and unique selling points.

To create a sales page website with WordPress, you will need a domain name and a web hosting account.

A domain name is your website’s address on the internet, like google.com or wpbeginner.com. Web hosting is the storage space for your website files. Your web host makes your site available all across the world, 24/7.

We recommend using Bluehost. It’s one of the largest hosting companies in the world and an official WordPress hosting partner.

For WPBeginner users, Bluehost offers a free domain name, a free SSL certificate, and a BIG discount on web hosting.

→ Click Here to Claim This Exclusive Bluehost Offer ←

After signing up for the hosting, just check out our complete guide on how to make a WordPress website. It will take you step by step through the process of creating your site.

Let’s take a look at some of the best sales page WordPress themes for marketers.

1. Astra

Astra is one of the most popular WordPress themes on the market. It lets you create custom landing page designs with over 180+ starter templates.

With fast-loading templates, Astra can be the perfect choice for designing sales pages. It also integrates with WooCommerce to create a full eCommerce website. This lets you collect online payments using Payhip, Stripe, or other payment gateways.

Astra also works seamlessly with tools like OptinMonster if you also plan to use your website for lead generation. This lets you create opt-in popups and forms for your email list and can dramatically boost your conversion rates.

2. SeedProd

SeedProd is the best WordPress theme and website builder. It’s also the most popular landing page builder on the market, with ready-made sales page templates for marketers and agencies.

With SeedProd, you can create a fully custom website and then add a sales landing page. And you can do everything with a beginner-friendly drag-and-drop builder.

SeedProd seamlessly integrates with WooCommerce and its extensions. This helps set up the best sales page with online payment options and other features without writing code or hiring a professional developer.

3. Divi

Divi is a classic WordPress all-purpose theme and an ultimate page builder plugin. It comes with hundreds of layout templates. If you want to create a sales page from scratch, then it provides a visual editor to add elements, text, and images.

Divi is highly customizable and lets you change colors, fonts, and backgrounds without knowing any CSS code. You have the full range of Google fonts to choose from, plus elements like dividers and call-to-action buttons to help you build the perfect sales page on your website.

Divi is also designed for good WordPress SEO, helping you get search engine traffic to your sales page.

4. OceanWP

OceanWP is a free WordPress theme designed beautifully to create marketing and sales pages. It offers free and premium ready-made demo templates to set up websites in just a few clicks.

With powerful extensions, you can quickly add fullscreen backgrounds, social media icons, a registration form, sticky navigation, and more. OceanWP supports RTL languages, so you can also create a multilingual website.

5. Hestia Pro

Hestia Pro is a fantastic WordPress multipurpose theme for any type of website. It has one-page and multi-page templates for small businesses to provide a great user experience.

It has an attractive layout design that supports video embeds in the background and other widgetized areas. You can use the WordPress live customizer to make changes on the pages easily.

6. Ultra

Ultra is a powerful and flexible WordPress theme with a built-in visual drag-and-drop page builder. It also includes several ready-made templates for different niches like agencies, spas, apps, businesses, and so on.

With its easy and powerful page builder, the Ultra theme is ideal for creating beautiful sales pages in just a few minutes. It also comes with portfolios, sliders, image galleries, custom widgets, and more.

7. Sydney Pro

Sydney Pro is a stunning sales page WordPress theme that you can easily use on multi-page sites. It’s designed for small businesses, app landing pages, products, or photography websites.

It features a large fullscreen background image on the homepage with a navigation menu and a custom logo at the top. It also comes with homepage layouts, creative header styles, and portfolio templates.

8. Breakthrough Pro

Breakthrough Pro is built on top of the Genesis theme framework and designed to be a single or multiple-page theme. It has a beautiful parallax scrolling effect and a large fullscreen header image with a call-to-action button.

The homepage layout is fully widgetized, so you can drag and drop content blocks to set up your sales page. Other features include full WooCommerce support, custom widgets, page templates, and crisp typography.

StudioPress is now part of WP Engine, the most popular managed WordPress hosting company. You can get this theme and all 35+ other StudioPress themes when you sign up for WP Engine hosting to build your website.

Bonus: WPBeginner users also get an additional 20% OFF. Get started with WP Engine today!

9. Indigo

Indigo is an elegant WordPress theme that lets you create beautiful sales page layouts. It comes with drag-and-drop modules that let you design unique pages to match your needs.

To make it even easier, Indigo includes demo content and ready-made websites that you can use as a starting point for your projects. It also offers multiple templates, photo galleries, header styles, and unlimited sidebars.

10. OneEngine

OneEngine is a single-page WordPress theme with a bold and creative design. It has a bright fullscreen header on the top, followed by a navigation menu and then content widgets.

It includes services, team members, a portfolio, and an about section. With the OneEngine theme, it’s easy to create a custom sales page for any product or service.

11. Angle

Angle is an excellent WordPress multipurpose theme with flexible options to create your sales page using drag and drop.

It includes parallax scrolling, image sliders, and a built-in portfolio section. It is easy to set up and customize with multiple homepage layouts and landing page templates.

12. Struct

Struct is designed as a sales page theme for software, apps, and products. It features a clean and modern layout with large header background and prominent call-to-action buttons.

Struct has a fully widgetized homepage layout with several custom widgets to add content and social media features. It also includes services, projects, FAQs, testimonials, and slideshows out of the box.

13. Digital Download

Digital Download is a premium-like free sales page WordPress theme. As you would expect from its name, you can use this theme to sell digital downloads like PDF documents, tutorials, ebooks, etc.

It integrates with the Easy Digital Downloads plugin to set up an online marketplace in just a few clicks. The theme is fully customizable for colors, font, and layout design.

14. Balance

Balance is a creative WordPress eCommerce sales page theme for online businesses. It includes several user engagement features like a call-to-action button, a subscription form, a contact form, and more.

The theme attractively displays your products on the homepage and other landing pages. It also supports popular page builder plugins that lets you create custom sales page layouts.

15. Landing

Landing is a WordPress sales page theme that comes with a pre-designed layout. It has a drag and drop page builder to edit existing landing pages and create new ones from scratch.

You get multiple header types, so you can design countless sales pages with different styles and layouts. Plus, it includes a portfolio, testimonials, events, and social media integration.

16. Silk

Silk is a WordPress sales page theme for beauty bloggers, cosmetic businesses, fashion agencies, and more. It has a beautifully designed homepage with a layered layout.

With Silk, you get a built-in section to add your Instagram shoppable feed to engage users and boost sales. Plus, it fully supports WooCommerce, so you can easily start an online store on your site.

17. Convert

Convert is a professional WordPress sales page theme. It has an eye-catching layout with over 30 customizer options for the header section and gives you complete control of the website.

It has multiple global sections that work smoothly with your favorite page builders like Elementor or Visual Composer to build fully custom layouts. You also get built-in templates for one-column and multi-column pages.

18. The Launcher

The Launcher is a free landing page theme for your upcoming product launch. It’s ideal for a product landing page and can also be used as a regular sales page for your products or services.

The Launcher comes with easy customization options, call-to-action buttons, a sticky navigation menu, a clients section, and a pricing table. Plus, it’s fully responsive so that your website will look great on mobile devices.

19. Altitude Pro

Altitude Pro is a WordPress business theme built for sales pages. It comes with a beautiful fullscreen header image and a call-to-action button. If you’re an author, it could make a good book landing page theme for selling ebooks.

Inside, you will find a spacious layout that offers a great user experience. Atmosphere Pro has large featured images and crisp typography. Plus, the theme is optimized for speed and performance.

20. Beauty Studio

Beauty Studio is a free WordPress sales page theme for salons, spas, and beauty products. It has a full-width header with dark colors that create a powerful first impression on your users.

Other features include call-to-action buttons, custom sidebar areas, social media integration, an image slider, and more. You also get a featured section to display your top products.

21. Float

Float is a beautiful WordPress theme optimized for sales and conversion. It ships with a built-in page builder that lets you create or modify page layouts. It includes eye-catching animations to make your sales page more attractive.

It offers parallax scrolling, social media integration, custom backgrounds, unlimited colors, custom widgets, and more.

22. Screenr

Screenr is a free one-page WordPress business theme. The homepage has a fullscreen header image, followed by widgetized sections to add your content.

It includes custom widgets, custom page templates, and parallax background effects. It’s easy to change different options about your site using the live WordPress customizer.

23. Monochrome Pro

Monochrome Pro is a modern WordPress black-and-white theme for apps, digital media, SAAS, and product websites. It features multiple widgetized areas, a large header image, and custom widgets to build your sales page in a few clicks.

It comes with a theme options panel for easy customization. You also get several layout choices, color schemes, and a fully customizable header area.

Monochrome Pro uses a responsive design, so it looks great on all devices and screen sizes. It’s a StudioPress theme, so you can get a great deal on it by signing up for WP Engine’s hosting.

24. Modules

Modules is a well-crafted WordPress theme perfect for creating any kind of sales page. It comes with several ready-to-use elements that you can drag and drop to build custom layouts.

It offers demo websites to set up your sales page quickly. Plus, you get several custom widgets, unlimited sidebars, header styles, video background support, and Google Fonts support.

The Modules theme is also coded with WordPress best practices in mind. This means it’s fully compatible with all popular WordPress plugins to help you build the best landing page.

25. Solopreneur

Solopreneur is a premium WordPress theme to create landing pages that convert and help maximize your revenue. It has a minimalist layout design with a logo, navigation menu, and social icons.

It comes with a widgetized sidebar to add recent posts, a search bar, a comments section, and a newsletter signup form for email marketing. The theme is fully responsive and looks great on all screen sizes and devices.

We hope this article helped you find the best sales page WordPress themes for your projects. You may also want to check out our guides to the best business phone services and how to make a high converting sales funnel in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 25 Best Sales Page WordPress Themes for Marketers first appeared on WPBeginner.

How to Change Sender Name in Outgoing WordPress Email

~ Web Administrator ~ Leave a comment

Do you want to change the default sender name and email address for outgoing WordPress emails?

By default, WordPress uses ‘WordPress’ as the sender name for all outgoing WordPress notification emails. This doesn’t look very professional, and you may want to change that to your business name.

In this article, we will show you how to easily change the default sender name and email address in outgoing WordPress emails.

Why You Should Change the Default Sender Information in WordPress?

WordPress sends several email notifications to the site administrator as well as other users on your website.

This includes important email notifications such as forgot password emails, website error and recovery emails, new user registration, and more.

By default, it uses ‘WordPress’ as the sender’s name and a non-existent email address (wordpress@yourdomain.com) as the sender’s email.

Many spam filters block your WordPress emails, believing them to be junk. Sometimes it does not even make it to the spam folder, but is deleted immediately due to filters.

For more on this topic, look at our guide on how to fix the WordPress not sending email issue.

The outgoing email notifications are important, and you should use your own brand and email address. This increases the authenticity of your brand and increases name recognition among your users.

For instance, if you run an online store, then you would want customers to get email notifications with your store name as the sender.

See our guide on how to get a free business email address for your website in 5 minutes.

Let’s see how to change the default sender name and email address in outgoing WordPress email notifications.

Method 1. Changing Default Sender Name and Email using WP Mail SMTP

This method is easier and recommended for all WordPress users.

For this method, we’ll be using the WP Mail SMTP Pro plugin. It is the best WordPress SMTP plugin, used by over 3 million website owners.

This plugin allows you to easily change the default sender name and email address for outgoing WordPress emails. It also helps you fix the WordPress email deliverability problem.

The first thing you need to do is install and activate the WP Mail SMTP Pro plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to visit WP Mail SMTP » Settings to configure plugin settings. Under the Mail section, you can simply enter the email address and the name you want to use to send WordPress emails.

Below, you can find the options to set up an SMTP server to send WordPress emails. By default, the plugin will use the PHP method provided by your WordPress hosting company which is less reliable.

We recommend using any of the listed SMTP services to properly send WordPress emails for higher guaranteed deliverability.

If you choose an SMTP service, then follow the on-screen instructions to connect the plugin with your SMTP service provider.

Don’t forget to click on the ‘Save Settings’ button to save your changes.

Test Your WordPress Emails

WP Mail SMTP Pro also allows you to test your WordPress email settings. Simply go to the WP Mail SMTP » Tools page and switch to the ‘Email Test’ tab.

From here, you just need to provide an email address that you can access and then click on the ‘Send Email’ button.

The plugin will now send a test email to the address you provided. You can check your inbox to make sure that you can receive WordPress emails and that it has the correct sender name and sender email address.

WP Mail SMTP works with all popular WordPress plugins like WooCommerce, WPForms, and more.

For more detailed instructions, you may want to see our article on how to use SMTP to send WordPress emails.

Method 2: Changing Default Sender Name and Email using WP Change Email Sender

This method is only recommended if you don’t use an SMTP service or if the first method is not working.

Using this method does not improve your WordPress email deliverability or make it easier to troubleshoot email issues. However, if your WordPress emails are working, then it will allow you to change the sender name and email address.

First thing, install and activate the WP Change Email Sender plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to go to Settings » General in your WordPress admin area. There you’ll find the ‘Email Sender Name’ and ‘Sender Email Address’ fields.

You will need to enter the name and email address you want to be used for outgoing WordPress emails.

Don’t forget to click on the ‘Save Changes’ button to store your settings.

That’s all. Your WordPress notification emails will now show the name and email address you entered in the plugin settings.

There is no method provided by the plugin to test your email settings. You can do that by performing actions that generate WordPress notification emails, like creating a new user, requesting a password reset, and more.

Method 3: Changing Sender Name and Email Address using WPCode

Another excellent way to change your sender name and email address are by adding a code snippet. And we recommend WPCode, the easiest and safest way to add code to WordPress.

You usually need to add code to your functions.php file, but WPCode makes it simple and easy to add this code snippet with just a few clicks.

Not only that, but WPCode has many other snippets available to help customize your site. Plus, you can easily add your custom snippets.

First, you need to install the free WPCode plugin. For more information, check out our step-by-step guide on how to install a WordPress plugin.

Next, click on Code Snippets » Add Snippet to your WordPress admin dashboard. Simply type ‘sender’ into the search bar and press the ‘Use snippet’ button under ‘Change Outgoing Email Sender’.

Then you’ll be taken to the Edit Snippet page.

Here you need to update the sender’s email and name in the code snippet.

And then, switch the toggle to ‘Active’ and click on the ‘Update’ button.

One of the benefits of using WPCode is that it comes with a library filled with pre-made snippets. There’s a good chance you can find some to replace other plugins on your site, such as disabling automatic updates, allowing SVG files to be uploaded, or even using the Classic editor instead of the default block editor.

You don’t have to use the library, either. You can also add any other code you ever need by selecting ‘Add Your Custom Code (New Snippet)’ button instead of searching the library.

Then, all you have to do is just paste your own code in and decide where it should run on your site.

For example, you can copy and paste this snippet below into the WPCode’s custom code snippet and customize it to change the sender name and email.

// Please edit the address and name below.
// Change the From address.
add_filter( ‘wp_mail_from’, function ( $original_email_address ) {
return ‘tim.smith@example.com’;
} );

// Change the From name.
add_filter( ‘wp_mail_from_name’, function ( $original_email_from ) {
return ‘Tim Smith’;
} );

We hope this article helped you learn how to change the sender’s name and email address in outgoing WordPress emails. You may also want to see our guide on the best bulk email marketing services to bulk send emails to all your users and our comparison of the best WordPress page builder plugins to customize your site without any code.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Change Sender Name in Outgoing WordPress Email first appeared on WPBeginner.

How to Write Content Using AI Content Generator in WordPress

~ Web Administrator ~ Leave a comment

Do you want to use AI (artificial intelligence) to write content in WordPress?

Artificial Intelligence tools like ChatGPT and GPT3 can produce well-researched content in natural language. Many users want to explore it to see if it can help with writing content.

In this article, we’ll talk about how to write content using artificial intelligence like ChatGPT and GPT3 in WordPress as well as the pros and cons of it.

What are ChatGPT and GPT3 AI?

ChatGPT is a computer program that uses artificial intelligence to have conversations in a chatbot-like interaction environment.

GPT3 (Generative Pre-trained Transformer 3) is a similar artificial intelligence based computer program that is designed to be more generic and broader than ChatGPT.

Both programs use a type of machine learning called Natural Language Processing that allows them to understand and respond to user input.

In simpler words, they learn by going through vast amounts of information publicly available, so they can answer your questions in a well-thought out manner.

You can visit the OpenAI website and try both tools for free. Following are a few examples of what it can do.

Example 1:

You can provide more details in your prompt to adjust the response according to your given parameters.

For instance, here we asked it to write an essay about black holes at a 6th grade reading level, using simple words, and keeping the response between 600-800 words.

This is how it responded.

Example 2:

ChatGPT can also write code, poetry, music, explain mathematical equations, and more.

Are ChatGPT and GPT3 AI Good Enough to Write Content?

ChatGPT and GPT3 are really good at providing detailed responses that are very well written. This leads many users to believe that it can be used to write content for their websites or be used as an autoblogging tool.

However, before you put it to the test on your actual website, the following are a few things that you need to be mindful of.

1. Accuracy of Information

The information provided by ChatGPT could be outdated or sometimes even false. It’s critical that you double-check all the information included in the article.

2. No Recent Events Are Considered

ChatGPT is trained on resources up to the year 2021, so it has limited knowledge of events after that. This may get fixed soon, but if the content you want to generate is time sensitive, then keep this in mind.

3. Doesn’t Give Strong Opinions

ChatGPT is trained to be impartial and unbiased. Unlike a human writer, it lacks the creativity required to argue for a particular opinion, be passionate, and have preferences.

Can ChatGPT AI be Good for SEO?

ChatGPT AI can generate content in a web-friendly format. However, it does not specifically follow any SEO best practices.

Researchers at Google have worked for years to detect content generated by artificial intelligence tools. In the past, they have penalized them for being low quality.

We feel that artificial intelligence tools like GPT3 can be used as writing assistants rather than full writers.

For instance, GPT AI can be used to create an article outline, gather information, and pick up some key research points.

After that, a human writer can work on it to make it more comprehensive, opinionated, factual, and SEO-friendly.

That being said, let’s take a look at how to use ChatGPT AI to create content in WordPress.

Using ChatGPT Artificial Intelligence to Write Content in WordPress

First, you need to install and activate the GPT3 AI Content Writer plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to click on the GPT3 AI Content Generator menu from the admin sidebar to view plugin’s settings page.

From here, you need to provide an API key. You can get one by creating a free account on the OpenAI website.

After copying and pasting your API key, don’t forget to click on the Save button to store your plugin settings.

Other default options would work for most users but you can review and change them if needed.

For instance, you may want to change the image size generated by the AI or leave it blank if you would want to generate AI images by yourself or add other images.

Now you are ready to start generating AI content.

Simply create a new post or page, and you will find the GPT 3 Content Generator settings below the text editor.

First, you need to choose a language for your article.

Currently, the plugin supports English, Spanish, French, German, Italian, Portuguese, Russian, Japanese, Korean, Chinese, Dutch, Indonesian, Turkish, Polish, Ukrainian, Arabic, Romanian, Greek, Czech, Bulgarian, Swedish and Hungarian.

Below that, you can provide a title for your article. The Pro version of the plugin also allows you to add or exclude keywords.

After that, you can set the number of headings you want to include in your article and which heading tag to be used.

Next, you can choose a writing style and tone for your article. For example, you can choose an informative writing style with a casual writing tone.

Below that, you can add an anchor text and set a link. However, we’ll recommend that you manually enter internal links when you are editing the article.

The plugin also allows you to add a call to action and choose position where you want to display it.

Finally, click on the Generate button to start generating content.

The plugin will then begin generating content using artificial intelligence.

It may take a while depending on your settings and the topic of your article. Once finished, you will see the generated text in the box.

From here, you can simply click on the Save Draft button. The plugin will then load the text inside the WordPress editor wrapped in the Classic block.

This will allow you to edit the text using the block editor. You can convert the text inside the Classic block into regular blocks and start editing.

Tips on Editing AI Generated Content

GPT3 AI content generator will write a comprehensive article covering different aspects of the topic you choose as your article title.

However, it is far from perfect.

It can be easily identified by search engines as AI generated content, and you could get penalized and lose your search rankings.

We recommend only using GPT3 AI content for research and quick outlines. Once you have an outline, you can then thoroughly review, fact check, and edit it by yourself to expand the article further.

Following are a few things you can do to make the article unique and in your own voice:

1. Check All Information for Accuracy

Depending on your topic, GPT3 can make mistakes and may sometimes include information that is incorrect.

2. Create and Use Your Own Images

GPT3 AI Content Generator can generate images using artificial intelligence. However, for most topics these images they do not look very good. Here’s an example image that it generated for us.

Create images for blog posts as you would normally do for any article that you write.

3. Add Internal and External Links as Needed

GPT3 AI doesn’t know which articles on your website are related to the topic and it cannot automatically generate internal links.

You need to manually add internal and external links to provide more context and make your article more user-friendly.

4. Use Table of Content, FAQs, and Lists

GPT3 is a text generator and does not concern itself with formatting to make the reading experience better.

You need to manually add any table of contents, lists, and FAQs needed make your content more user-friendly.

5. Personalize the article with your expertise & knowledge

As AI-content gain in popularity, it will become more critical for authors to add their own voice, expertise, and experiences. This differentiator will play an important role in determining authentic content vs not.

It’s important to personalize the article with your experience and make it more coherent, so it’s user-focused.

6. Optimize Content for SEO

By default, GPT3 generates easy to read text. However, this text is not exactly optimized for on-page SEO.

You need to optimize your content with All in One SEO for WordPress. It is the best WordPress SEO toolkit on the market.

It allows you to easily check your content for SEO, add SEO title and description, social media images, and schema markup.

For more details, see our tutorial on how to optimize a blog post for SEO.

Final Thoughts on AI Content in WordPress

This is just the beginning, and there will be many other tools that will come to the market in the coming months and years.

If you don’t want to use an AI content plugin for WordPress, then you can directly go to ChatGPT website and write the prompts there to experience the technology for yourself.

We hope this article helped you learn how to write content using AI in WordPress. You may also want to see our pick of the most useful WordPress plugins, or see our complete WordPress SEO handbook to grow traffic on your website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Write Content Using AI Content Generator in WordPress first appeared on WPBeginner.

How to Add One-Click Login With Google in WordPress

~ Web Administrator ~ Leave a comment

Do you want to add one-click login with Google to your WordPress site?

When your users can sign in with their Google account, they won’t have to create, remember, or track another username and password just to access your website. This helps save them time and increase your conversion rates.

In this article, we will share how to easily add one-click Google login in WordPress.

Why Add One-Click Google Login in WordPress?

Many internet users stay logged in to their Google accounts. This lets them quickly access Google apps like Gmail, Drive, and Docs without signing in separately for each app.

Having one-click Google login activated on your WordPress login page allows your users to do the same on your website. They can save time by quickly signing in with their Google account. This saves them from having to enter their login credentials each time.

If you run a simple WordPress blog, then you might not find this feature useful.

But if your organization uses Google Workspace for professional business email addresses, then your team members can use your organization’s Google apps accounts for login.

Also, a single sign-on feature like one-click Google login is very helpful for any websites that require users to log in such as multi-author websites, membership websites, and websites selling online courses.

With that being said, let’s take a look at how to easily add one-click login with Google to your WordPress website.

Tip: To add one-click Google Login, your site needs to have secure SSL encryption. To learn how to set up a secure connection, see our beginner’s guide on how to switch from HTTP to HTTPS in WordPress.

How to Add One-Click Google Login in WordPress

First, you’ll need to install and activate the Nextend Social Login and Register plugin. For more details, please see our beginner’s guide on how to install a WordPress plugin.

For this tutorial, we’ll use the free plugin that supports Google, Twitter, and Facebook login. There is also a paid version of Nextend Social Login that adds social login for lots of different sites including PayPal, Slack, and TikTok.

Upon activation, you need to go to Settings » Nextend Social Login in the WordPress admin area. On this screen, you see the different social login options that are available.

To add a Google login to your WordPress website, you need to click the ‘Getting Started’ button under the Google logo.

Here you will see that your first step will be to create a Google app.

Creating a Google app sounds technical, but don’t worry.

You don’t need to know any code, and we’ll walk you through all the steps.

Creating a Google App

To create this app, you’ll need to switch between your WordPress dashboard and the Google Developers Console. It’s a good idea to leave your WordPress dashboard open in the current tab and open a new browser tab.

Now you can visit the Google Developers Console website. If you are not already logged in, then you will be asked to log in with your Google account.

Next, you need to click on ‘Select a project’ from the top menu. It will open a popup where you would click the ‘New Project’ button to continue.

This will open the New Project page. You will need to add a project name and select the location. The project name can be anything you like, such as ‘Google Login.’

If you logged in using a Google Workspace account, then the location will be filled in with the name of your organization automatically. If not, then you should leave it as ‘No organization.’

Next, click the ‘Create’ button to continue.

You’ll now be redirected to the ‘APIs & Services’ dashboard. On this page, you need to click on ‘OAuth consent screen’ in the left menu.

Here you choose the type of user you’re allowing to log in.

Select ‘Internal’ if only users with your organization’s Google account will be logging in. Alternatively, you should choose ‘External’ if your users have email addresses outside of your organization. For example, anyone with an @gmail.com account versus an @yourcompanyemail.com address.

When you’re ready to continue, click the ‘Create’ button. Now you can start to add information about your app.

First, you should enter your business name in the app name field. This will be shown to the user when logging in, such as, ‘Smith Training Services wants access to your Google account.’

You also need to add the email address you logged into Google with. This will allow your users to ask questions about the Google login screen.

Tip: We recommend that you do not upload a logo for your app. If you do, then your app will need to go through a verification process with the Google Trust and Safety Team. This process is lengthy and can take 4-6 weeks.

Once you’ve done that, scroll down to the ‘App domain’ section. Here you need to add links to your website’s home page, privacy policy page, and terms of service page.

Then you need to click the ‘Add Domain’ button to add your website’s domain name, such as ‘example.com.’

If you want to add one-click Google login to more than one website, then you can click the ‘+ Add Domain’ button to add another domain.

Finally, you need to add one or more email addresses so that Google can notify you about any changes to your project.

When you’re finished, make sure you click the ‘Save and Continue’ button.

Next, you will come to the Scopes and Test Users pages. For both of these pages, simply scroll to the bottom and click the ‘Save and Continue’ button.

The final page for this step will show you a summary of your OAuth consent screen settings.

The next job is to create the keys your plugin will need to connect with Google Cloud.

You should click ‘Credentials’ from the left menu and then click the ‘+ Create Credientials’ button at the top of the screen. You need to select the ‘OAuth client ID’ option.

This will take you to the ‘Create OAuth client ID’ page.

You should select ‘Web application’ from the ‘Application type’ dropdown.

Some settings will be added to the page. You need to scroll down to the ‘Authorized redirect URIs’ section and click the ‘+ Add URI’ button.

Now you should enter this URL:

http://example.com/wp-login.php?loginSocial=google

Make sure you replace example.com with your own website’s address.

Once you’ve done that, you should click the ‘Create’ button to store the setting. It may take five minutes to a few hours for the setting to take effect.

Your OAuth client has now been created!

You will see a popup containing ‘Your Client ID’ and Your Client Secret.’ You will need to paste these keys into the plugin’s settings page back in your WordPress admin area.

You can just click the ‘copy’ icon to the right to copy the keys one at a time.

Adding Your Google Keys to Your Plugin

Now, simply switch back to your website’s browser tab and click on the ‘Settings’ tab under Settings » Nextend Social Login. Here you will see fields for the Client ID and Client Secret.

You need to copy your keys from the Google Cloud Console and paste them into these fields.

Once you’ve done that, make sure you click the ‘Save Changes’ button to store your settings.

Now you’ll need to test that the settings are working correctly. This is important because you don’t want real users to encounter errors when trying to log in to your website.

Simply click the ‘Verify Settings’ button and the plugin will make sure that the Google app you created is working correctly.

If you followed the steps above correctly, then you should see a notification saying ‘Works Fine – Disabled.’

You can now safely click the ‘Enable’ button to allow users to log in using their Google ID.

You will see a message confirming that Google login is now enabled.

Selecting Your Button Style and Labels

Nextend’s default button style and label are pretty standard and will work for most websites. However, you can customize them by clicking on the ‘Buttons’ tab at the top of the screen.

You will now see all the different styles that you can use for the social login button. To use a different style, simply click to select its radio button.

Once you’ve done that, you can also change the button text by editing the text in the ‘Login label’ field.

If you like, you can apply some basic formatting to the login label using HTML. For example, you can make text bold using <b> and </b> tags.

You can also edit the ‘Link label’ and ‘Unlink label’ fields that allow users to link and unlink your website with their Google accounts. Technical users can use HTML code for buttons to create their own Google login button.

Make sure you click the ‘Save Changes’ button to store your settings.

Taking Your Google App Out of Testing Mode

Now there is one last thing you need to do back on the Google Cloud browser tab. You should still see the popup with your client ID and client secret. You can dismiss the popup by clicking ‘OK’ at the bottom of the popup.

Now you need to click ‘OAuth consent screen’ from the left menu.

You can see that your Google app is in ‘Testing’ mode. This allows you to test your app with a limited number of users. Now that you have received a ‘Works Fine’ notification when verifying the settings with the plugin, you can move it to In ‘Production’ mode.

You do this by clicking the ‘Publish App’ button. Next, you will see a popup with the title ‘Push to production?’

Simply click ‘Confirm’ to allow everyone to use a one-step Google login on your site.

If you followed this tutorial carefully, then the Verification Status should now be ‘Verification not required.’

Your app will now work with all Google users.

Now when users are logging in to your website, they will have the option to log in with Google.

However, if they prefer, they can still log in using their standard WordPress username and password.

Keep in mind that users can only log in with the Google account address that they have used on your website. Also, if you have allowed user registration on your WordPress site, then users can quickly register on your site using one-click Google login.

If you wish to add the Google login button anywhere else on your website, then you can do so using a shortcode. You can learn more by clicking on Nextend’s ‘Usage’ tab.

We hope this article helped you learn how to add one-click login with Google in WordPress. You may also want to learn how to create a WordPress membership site, and see our list of the best WordPress business directory plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add One-Click Login With Google in WordPress first appeared on WPBeginner.

How to Create a HubSpot Form in WordPress

~ Web Administrator ~ Leave a comment

Are you looking to add a Hubspot form and add it to your WordPress site?

HubSpot is a popular all-in-one marketing platform designed to help grow your business used by over 113,925 people across the globe. Hubspot also enables you to create engaging forms for your website.

In this article, we will show you how to create a HubSpot in WordPress.

Why Use HubSpot to Create Forms

Hubspot is a marketing and sales platform that helps companies grow. It comes with numerous tools including a customer relationship manager (CRM), a content management system (CMS), built-in email marketing, and lead generation.

They also have a robust WordPress form builder, which seamlessly integrates with WordPress, allowing you to create hassle-free forms.

This form builder is an easy drag-and-drop builder that enables you to create interactive forms without a single line of code, making it one of the best contact form plugins.

Also keep in mind that HubSpot can also easily integrate with other form tools like WPForms, Formidable Forms, and more. With that being said, let’s see how you can create a HubSpot form in WordPress.

Method 1. Creating a HubSpot Form Using The HubSpot PluginMethod 2. Creating a HubSpot Form Using WPForms

Method 1. Creating a HubSpot Form Using The HubSpot Plugin

You can easily create a HubSpot form for your WordPress website using the HubSpot plugin.

First, you need to install and activate the HubSpot plugin. For more details, see our guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item WordPress admin sidebar. Just click on HubSpot to be taken to the setup wizard where you can create a HubSpot account if you don’t already have one.

If you have an account, you need to click on the ‘Sign in here’ link at the top.

This will open up a ‘HubSpot Login’ popup.

Simply type your username and password and then click the ‘Login’ button.

After you’ve logged in, HubSpot will ask if you want to continue with the account you’ve just logged in with.

Simply click the ‘Continue With This Account’ button.

Then you’ll be asked to connect your HubSpot account with your WordPress website.

Just click on the ‘Connect Website’ button.

Once you’ve connected the WordPress website with your HubSpot account, head over to HubSpot » Forms from the WordPress admin dashboard.

This will take you to the ‘Forms’ page. Now, simply click on the ‘Create a Free Form’ button at the top right corner.

Next, you’ll have to select your form type and then click the ‘Next’ button on the top.

For this tutorial, we will be creating an ‘Embedded form.’

After that, you’ll be taken to the HubSpot template library.

Simply choose your preferred template, such as ‘Registration’ or Contact us.’ Then, just click the ‘Start’ button at the top.

Now that you’re on the Form Editor, you can edit the pre-made form template by dragging and dropping fields from the left into the preview at the right.

When you’re done customizing, click the ‘Submit’ button at the top.

This will open up a ‘Review And Publish’ popup.

Simply scroll down and click the ‘Publish’ button.

After you click the ‘Publish’ button, a popup will appear on your screen. As this is an Embedded form, a shortcode will be provided.

Now, just click the ‘Copy’ button beside the shortcode.

You can embed this code on any page where you want to add your HubSpot form. For more information, check out our guide on how to add shortcodes in WordPress.

Method 2. Creating a HubSpot Form Using WPForms

You can also create a HubSpot form using WPForms as this plugin comes with a HubSpot integration addon. WPForms is the most popular drag & drop WordPress form builder with over 5 million active installs.

Note that you need at least a WPForms Elite license to access the HubSpot addon.

The first thing you need to do is install and activate the WPForms plugin. Check out our guide on how to install a WordPress plugin for details.

Upon activation, go to WPForms » Addons from the admin dashboard. This will take you to the ‘WPForms Addons’ page.

Simply locate the HubSpot addon and click the ‘Upgrade Now’ button.

This will take you to your ‘WPForms Account’ page. Here, simply scroll down to the ‘HubSpot Addon’ and click the download button.

After that, you can install and activate the HubSpot addon the same way that you installed and activated the plugin.

Next, go to WPForms » Settings from the WordPress dashboard. Then, head over to the ‘Integrations’ tab.

Here you will find HubSpot in the list of integrations. Just click the arrow icon to expand the section, and then you can click the ‘Add New Account’ button.

A prompt will open up, asking you to connect with your HubSpot account. Simply type your HubSpot account login credentials.

If you don’t already have an account, then you can create one here.

Next, you’ll be asked if you want to continue with this account.

Simply click the ‘Continue With This Account’ button.

After that, you’ll be shown a popup asking you to connect WPForms with Hubspot.

Click on the ‘Connect App’ button at the bottom of the page.

On your WordPress dashboard, return to the ‘Integrations’ screen.

You should now see ‘Connected’ beside the section for HubSpot.

Now go to WPForms » Add New from the dashboard to create your HubSpot form.

First, select a form template from the WPForms template library.

After selecting the template, you’ll be taken to the WPForms interface where you can edit the form template.

Now, click on the ‘Marketing’ option on the menu bar to the left. Simply select ‘HubSpot’ from the list of integrations.

A HubSpot popup will then appear on the screen. Simply click the ‘Add New Connection’ button at the top.

WPForms will now prompt you to enter a connection nickname.

You’re free to choose any name you like, as no one will see this but you. Just click the ‘OK’ button when you’re done.

WPForms will then ask you to select your HubSpot account and choose an action to perform. Simply choose your account from the ‘Select Account’ Field.

Then choose the ‘Create/Update Contact’ option from the ‘Action to Perform’ field.

After selecting this option, various new settings will appear within the form.

Fill in those fields accordingly.

Next, you’re ready to customize your form in the form builder.

Simply create drag and drop fields from the left-hand side into the live preview on the right.

You can add any information that you want to collect and organize in your HubSpot account.

Once satisfied, click the ‘Embed’ button present at the top of the form builder.

This will open the ‘Embed in a Page’ prompt.

If you want to embed your HubSpot form on a new page, click the ‘Create New Page’ option.

To embed a form on an existing page, click the ‘Select Existing Page’ option.

After that, simply choose the right page from the dropdown that appears.

Now click the ‘Let’s Go’ button.

You will automatically be directed to the page that you selected from the dropdown menu. The HubSpot form will already be embedded there.

Simply click the ‘Publish’ button at the top of the content editor to push your new form live.

That’s it! We hope you learned how to create a HubSpot form in WordPress. You may also want to check out our ultimate guide on SEO for beginners and our expert picks of the best multipurpose themes to create an engaging site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create a HubSpot Form in WordPress first appeared on WPBeginner.