How to Properly Set Up the TikTok Ad Pixel in WordPress

Do you need to set up a TikTok ad pixel on your WordPress site?

When you advertise your website on TikTok, you will need to add code to your site to track the effectiveness of your ad campaign. When your TikTok ads and sponsored posts drive traffic to your website, you can see what content drives the most conversions.

In this article, we’ll show you how to properly set up the TikTok ad pixel in WordPress.

Why Use the TikTok Ad Pixel in WordPress?

According to latest marketing research, TikTok is one of the most popular social networks in the world with over 1 billion monthly active users. This is why many online store owners and small business owners are using TikTok advertising to reach their audience.

TikTok ad pixel helps you maximize the ROI (return on investment) from your TikTok ads because it lets you track the effectiveness of your campaigns.

You can easily add the TikTok ad pixel on your WordPress website or WooCommerce store, so you can easily monitor user activity, ad sales, and optimize your campaigns.

With that being said, let’s take a look at how to properly set up the TikTok ad pixel in WordPress.

Creating the TikTok Pixel Code

To get started, you need to go to the TikTok for Business website and sign into your account. After that, you should navigate to the Assets » Events page.

On the next page, you need to let TikTok know whether you will be sharing events that happen on your app or website.

You will be tracking events that happen on your website, so you need to click the ‘Manage’ button under ‘Web Events’.

Next, you will see a message stating that you need to install a TikTok pixel.

Simply click the ‘Create Pixel’ button.

Now you should give the pixel a name, such as the name of your website.

After that, you need to select ‘TikTok Pixel’ as your connection method and then click the ‘Next’ button.

In the next step, you need to let TikTok know that you will install the pixel by copying the code to your website.

You should select the ‘Manually Install Pixel Code’ option and then click the ‘Next’ button.

You will now be able to see the pixel code.

You should copy it to the clipboard by clicking the ‘Copy Pixel Code’ button.

Now you can visit your website to set up the TikTok ad pixel in WordPress.

Adding the TikTok Pixel Code in WordPress

The easiest way to add the TikTok ad pixel code to your WordPress site is with WPCode, the most powerful code snippet plugin available for WordPress. It lets you easily add custom code to any area of your site, and best of all, it’s free.

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

Once activated, you need to go to Code Snippets » Headers & Footer.

Simply paste the TikTok pixel code you copied earlier into the ‘Header’ field and then click the ‘Save Changes’ button.

That’s it! The TikTok ad pixel has been added to your site.

Now you will need to switch back to the TikTok website to create the events you wish to track.

Creating and Testing the Events You Wish to Track

When you return to the TikTok Ads Manager website you will use the Event Builder to complete the setup. You should be looking at the ‘Create events to track actions’ page. There are two types of events you can track.

First, there are URL events. These will track each time someone visits a specific page on your site, such as a product page or order confirmation page.

Simply click the ‘+ Enter URL Keywords’ button and enter the event type and some keywords from the URL.

Second, there are click events. These events track when someone clicks a website element like an ‘add to cart’ button or a form submission button.

When you click the ‘+ Add Web Elements’ button you will be prompted to install the ‘Pixel Helper’ Chrome extension. This extension will help you add click events, and it also tests to make sure your TikTok ad pixel is working correctly.

For detailed instructions on how to add both types of events, see the official TikTok Business Help Center documentation on how to create events.

We hope this tutorial helped you learn how to properly set up the TikTok ad pixel in WordPress. You may also check out our guide on how to track website visitors or our list of the best Instagram plugins for 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 How to Properly Set Up the TikTok Ad Pixel in WordPress first appeared on WPBeginner.

September 28, 2022 at 04:11PM

How to Add Klarna Payments to WordPress (2 Easy Ways)

Are you looking for a way to offer Klarna payments on your website or eCommerce store?

Klarna allows you to add financing and installment plans to your website. You can use it to offer a ‘Buy Now, Pay Later’ option and encourage customers to purchase products.

In this article, we’ll show you how to add Klarna payments to WordPress.

What is Klarna & Why Add It to WordPress?

Klarna is a Swedish fintech company offering online payment methods for website and online store owners.

Adding Klarna to your online store can help boost conversions and average order value. It makes it convenient for customers to purchase an expensive product or luxury items they want and pay over time.

Klarna offers 4 ways customers can buy now and pay later for a product:

• split the purchase amount into 4 interest-free payments
• use a debit or credit card to pay the total amount
• purchase a product now and pay in 30 days
• get financing for your purchase and pay installments over 6 to 24 months.

However, an important thing to remember is that Klarna’s payment options depend on your customer’s location. For example, in the United States, customers can get installment and financing options, but not the ability to pay in 30 days or fully pay using a credit card.

That said, let’s see how you can add Klarna payments in WordPress. We’ll show you 2 methods, including WP Simple Pay and WooCommerce. You can click the links below to jump ahead to your preferred section.

• Method 1: Add Klarna Payments Using WP Simple Pay
• Method 2: Add Klarna Payments in WooCommerce

Method 1: Add Klarna Payments Using WP Simple Pay

The easiest way of adding Klarna payments in WordPress is by using WP Simple Pay. It is the best Stripe payment plugin for WordPress and allows you to easily collect online payments using Klarna, with no need to set up a shopping cart.

For this tutorial, we’ll use the WP Simple Pay Pro plan because it includes the Klarna payment forms and ‘Buy Now, Pay Later’ option. There is also a free version of WP Simple Pay you can use.

The first thing you need to do is install and activate the WP Simple Pay plugin. If you need help, then please see our guide on how to install a WordPress plugin.

Upon activation, the plugin will launch the setup wizard. You can simply click the ‘Let’s Get Started’ button to continue.

On the next screen, you’ll need to enter the license key. You can find the license key in your WP Simple Pay account area.

After that, go ahead and click on the ‘Activate and Continue’ button.

Next, the plugin will ask you to connect your Stripe account. Stripe is a payment gateway that lets you accept online payments with ease.

Simply click the ‘Connect with Stripe’ button.

You can now log in to your Stripe account and follow the onscreen instructions to connect the payment gateway with WP Simple Pay.

If you don’t have a Stripe account, then you can create one. Anyone with a legitimate business can set up a Stripe account. In addition, you’ll need to have SSL encryption on your site. For more details, please see our guide on how to get free SSL certification for a WordPress website.

Once you’ve connected Stripe with WP Simple Pay, you’ll be redirected to the setup wizard.

In the next step, the plugin will ask you to configure emails. For example, you can enable options to send payment receipts to customers, notify them about upcoming invoices, and get payment notifications.

Go ahead and enter your email address in the ‘Send to’ field and then click the ‘Save and Continue’ button.

After that, you’ll see the last step in the setup wizard. Go ahead and click the ‘Create a Payment Form’ button.

Create a Klarna Payment Form in WP Simple Pay

You can also create new payment forms by going to WP Simple Pay » Add New from your WordPress dashboard.

The plugin offers multiple pre-built form templates. To add Klarna, go ahead and select the ‘Klarna (Buy Now, Pay Later) Form’ template.

Next, you can customize your payment form.

For instance, under the ‘General’ tab, you get options to rename the form, add a description, and select a form type.

After that, you can switch to the ‘Payment’ tab.

Here, you’ll find payment mode settings and price options. The plugin lets you add multiple prices, the cost of the product, the currency that will appear in the form, and whether you’d want a one-time payment or a recurring subscription.

Next, you can scroll down and choose different payment methods.

Ensure that the ‘Klarna’ option is selected. You can also add more options like credit card and ACH Direct Debit.

From here, switch to the ‘Form Fields’ tab and choose which fields to add.

You can also change the order of existing fields by simply dragging and dropping them. Plus, there are more form fields to add from the dropdown menu at the top.

After editing the form fields, head to the ‘Payment Page’ tab. WP Simple Pay allows you to create a dedicated payment page for your Klarna form.

Just make sure to click the ‘Enable a dedicated payment page’ checkbox.

You can change the permalink for the page, select a color scheme, add the form title and description, add a logo, and change the text in the footer.

When you’ve made the changes, go ahead and publish your Klarna form. Now, visit the dedicated page to see the Klarna form in action.

Alternatively, you can embed the payment anywhere on your website using the WP Simple Pay block.

Simply edit a page or add a new one. Once you’re in the content editor, click the ‘+’ button, and then add the ‘WP Simple Pay’ block. Next, you just select your form from the dropdown menu.

After that, go ahead and publish your page.

You can now visit your WordPress website to see the Klarna payment form in action.

Method 2: Add Klarna Payments in WooCommerce

You can also add Klarna payments in WordPress using the WooCommerce plugin. WooCommerce is the most popular eCommerce platform in the world, and it’s built on top of WordPress.

It has built-in payment options, but you can add a free Klarna Payments extension for your online store.

Before you can use Klarna in WooCommerce, first you need to make sure that you have setup an online store using WooCommerce.

After that, you’ll need to install and activate Klarna Payments for WooCommerce. For more details, please see our guide on how to install a WordPress plugin.

Upon activation, you can go to WooCommerce » Settings from your WordPress dashboard and click on the ‘Payments’ tab.

Here, you will have different payment options offered by WooCommerce, including Klarna Payments. Simply click the ‘Set up’ button in front of Klarna Payments.

Next, you can check the ‘Enable Klarna Payments’ to activate the payment service in WooCommerce.

Besides that, there are also options for changing the title, enabling test mode, showing your customers a link to what is Klarna, and more.

When you’re done, don’t forget to save your changes.

Next, you can go to your WooCommerce store and visit the checkout page to see Klarna as a payment option.

It’s important to note that Klarna Payments work with merchant accounts and is only available in Australia, Austria, Belgium, Canada, Denmark, Germany, Finland, France, Italy, Netherlands, Norway, New Zealand, Sweden, Spain, Switzerland, United Kingdom, and the United States.

We hope this article helped you learn how to add Klarna payments to WordPress. You may also want to see our ultimate guide to WordPress SEO and our beginner’s guide on how to start an email newsletter.

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 Klarna Payments to WordPress (2 Easy Ways) first appeared on WPBeginner.

September 27, 2022 at 04:04PM

What’s Coming in WordPress 6.1 (Features and Screenshots)

WordPress 6.1 Beta arrived a few days ago, and it is expected to be released on November 1st, 2022. It will be the last major release of 2022 and will come with many new features and improvements.

We have been closely monitoring the development and trying out new features on our test sites.

In this article, we’ll give you a sneak peek into what’s coming in WordPress 6.1 with features and screenshots.

Note: You can try out the beta version on your computer or on a staging environment by using the WordPress Beta Tester plugin. Please keep in mind that some of the features in beta may not make it into the final release.

New Default Theme:  Twenty Twenty-Three

As per the WordPress tradition, the last release of the year will ship with a new default theme called Twenty Twenty-Three.

Featuring a minimalist style, Twenty Twenty-Three is a block theme with full site editing capabilities.

It will come with ten style variations that users can choose inside the Site Editor.

It will also ship with four fonts that are used in different styles. You can also select these fonts when writing posts and pages.

Overall, Twenty Twenty-Three provides a beautiful canvas to create a website using the design tools available in the site editor.

Block Editor Improvements

WordPress users spend most of their time creating posts and pages for their websites using the block editor.

Each WordPress release comes with a ton of improvements to the editor. WordPress 6.1 will include changes introduced in the Gutenberg (code name for the block editor project) releases from 13.1 to 14.1.

The major focus during these Gutenberg releases was to bring consistency to the availability of design tools for different blocks.

Following are some of the more noticeable changes in the block editor

Dimensions in More Blocks

WordPresss 6.1 will bring dimensions to more blocks like Paragraph, List, Columns, Table, and more.

This will allow users to set padding and margin for more blocks and have a much finer control over the design and layout.

It will also help users visualize the changes when adjusting padding and margins for a block.

Improved Border Options

With WordPress 6.1, users can add borders to more blocks. They will also be able to adjust the top, right, bottom, and left borders separately.

The image block, which previously only allowed you to select border radius, will now also allow you to add actual borders.

Featured Image in Cover Block

Our users often ask about the difference between featured image and cover block in WordPress. Many users wanted to use the cover block as featured image for their site.

WordPress 6.1 will allow users to select their featured image for a cover block. Users can then just set the featured image and it will start appearing inside the cover.

Using cover will allow users to display featured images anywhere they want.

Note: Depending on your theme, if this option is not used correctly, then your featured image may appear twice on the screen.

Quote and List Blocks with Inner Blocks

Ever wanted to move an item up or down in a bulleted list without actually editing it?

WordPress 6.1 will introduce inner blocks for List and Quote blocks.

For instance, items in a list block will be their own blocks. This would allow you to simply move them up and down without editing.

Similarly, when using the Quote block, users can style quote and cite blocks differently.

Improved Navigation Block

WordPress 6.1 comes with an improved navigation block that allows you to easily create and select a menu from the block settings.

Users will also be able to use design tools for submenus and style them differently than the parent menu item.

Editor Design Enhancements

WordPress 6.1 will also come with several changes to the Editor screen design. These changes will improve the user experience on the block editor screen.

Following are some of those enhancements:

Preview Button is Now Labeled View

The Preview button is now called View.

In Site Editor, the View button now also includes a link to simply view your website in a new tab.

Status & Visibility Panel is now Called Summary

The status and visibility panel under the Post settings will be renamed Summary.

Permalink and Template Options Under Summary Panel

Permalink and Template options has their own panels under Post settings. With WordPress 6.1 these panels are merged under the Summary panel.

Just click to expand the Summary panel, and you’ll find the option to change ‘URL’ (permalink) and choose template.

Improved Information Panel

In WordPress 6.1, the information popover will also display the time to read information.

Site Icon will Replace the WordPress Logo

If you have set the site icon for your website, then it will be used as the View Posts button in the top left corner of the screen.

New Preferences Options

The preferences panel now includes two new options.

First, there is ‘Always open list view’ which allows you to display list view when editing posts.

The second new option is to ‘Show button text labels’, which shows text instead of icons on buttons.

Create More Templates in Site Editor

In the classic WordPress themes, users could create templates using template hierarchy and extend their WordPress theme by writing code.

With WordPress 6.1, users will be able to do the same using the block editor and without writing code.

The upcoming release will unlock the following templates regardless of which block theme you are using.

• Single page
• Single post
• Indivdual term in a taxonomy
• Individual category
• Custom template (can be used for any post or page)

Simply go to Appearance » Editor and then select templates from the left sidebar. After that click on the Add New button to see the available options.

If you choose a template that can be applied to an individual item, then you will see a popup.

From here, you can choose the item where you want the new template to be used.

For instance, if you choose the Category template, then you’ll see a popup.

Now you can select if you want to apply your new template for all categories or a specific category.

Quickly Search and Use Template Parts

WordPress 6.1 will also make it easier to quickly search and use template parts.

For instance, if your theme has multiple header template parts, then you can quickly find and apply one of them.

Simply select click on the template part options and select Replace.

This will bring up a modal popup where you can look for available template parts that you can use.

Under The Hood Improvements

• Classic themes can now use template parts (Details)
• Fluid typography allows theme developers to dynamically adjust font sizes. (Details)
• Post types can now have their own starter patterns (Details).
• Filters to hook into theme.json data (Details)

Overall, WordPress 6.1 beta contains more than 350 enhancements and 350 bug fixes for the block editor, this also includes 250+ tickets for the core.

We hope this article provided you a glimpse of what’s coming in WordPress 6.1.

Comment below to let us know what features you find interesting and what you’d look to see in a future WordPress release!

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 What’s Coming in WordPress 6.1 (Features and Screenshots) first appeared on WPBeginner.

September 26, 2022 at 03:17PM

How to Add Title and NoFollow to Insert Link Popup in WordPress

Do you want to add a title or nofollow tag to your WordPress links?

By default, WordPress doesn’t provide a way of adding title and nofollow attributes when creating links with the WordPress block editor.

In this article, we’ll show you how to add options for title and nofollow attributes to the Insert Link popup in WordPress.

Why Add Title and NoFollow Attributes to Links in WordPress?

When writing content, you can add links to interconnect your posts and pages and refer to articles on other sites. These links will tell visitors to your WordPress website where they can find more information on a topic.

It’s helpful to give your links a title. This will appear when someone points their mouse cursor over a link.

This can be reassuring to your readers because it makes it clear where the link leads. It also improves your site’s SEO.

SEO experts also recommend that you use a nofollow attribute when linking to external websites. This attribute tells search engines that they can crawl these links, but not pass on any link authority to these websites.

However, when you click the Insert Link icon in WordPress, there are no options to add a link title or to make the link nofollow. The popup only lets you add the Link URL and gives an option to open the link in a new window.

With that being said, let’s take a look at how to easily add title and nofollow options to the Insert Link popup on your WordPress blog.

How to Add Title and NoFollow to Insert Link Popup in WordPress

The first thing you need to do is install the free All in One SEO Lite plugin. For more details, see our step by step guide on how to install a WordPress plugin.

All in One SEO (AIOSEO) is the best WordPress SEO plugin and helps you improve your website SEO. You just need the free version to add extra attributes to the Add Link popup, but AIOSEO Pro offers even more features to help you rank better in search engine results pages.

Upon activation, you need to configure the plugin using the AIOSEO setup wizard. For detailed instructions, see our ultimate guide on how to set up All in One SEO for WordPress.

Once you’ve done that, the plugin will automatically add extra attributes to the Insert Link popup.

These include a title field and options to add nofollow, sponsored, and UGC (user-generated content) tags.

To add the link title, just type it into the ‘Add title attribute to link’ field. When when you save the link, AIOSEO will apply the title and any attributes you toggle on.

We hope this tutorial helped you learn how to add title and nofollow options to the Insert Link popup in WordPress. You may also want to learn how to speed up your WordPress performance or check out our list of must-have plugins to grow your 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 Add Title and NoFollow to Insert Link Popup in WordPress first appeared on WPBeginner.

September 25, 2022 at 06:26PM