Menu

Menu

After you’ve migrated your website, most likely you changed the URL of your website as well, these are the steps you need to take:

  1. Go to Elementor > Tools > Replace URL Tab
  2. Enter your old-url and your new-url and click Replace URL
  3. Under the General Tab > Regenerate CSS, click Regenerate Files
  4. In Settings > General on your WordPress Dashboard, make sure that the URLs are similar.

How to Replace URLs in WordPress | Elementor

Better Search Replace: A New Plugin for Updating URLs and Text in WordPress Databases

When migrating a WordPress site to a new domain, you’ll have to update every instance of the site’s URL in the database. Some developers prefer to use tools like WP-CLI or WP Migrate DB to handle this, while others opt for a general database search and replace plugin with a UI in the WordPress admin.

Search and Replace is an old plugin, with nearly a million downloads, that can be used to update URLs and text in the database. I used this plugin successfully for a number of years, but it went without any updates for long time. It has since come under new ownership, although the screenshots demonstrate just how long ago the plugin was released.

Better Search Replace is a new take on database search and replace plugins. It was heavily based on Interconnect/It’s open source Search Replace DB script that performs replacement actions without damaging PHP serialized strings or objects. I’ve used this script a number of times with success, although it’s not as convenient as a plugin. The Better Search Replace plugin packages it up using native WordPress database functions and adds a friendly UI.

better-search-replace-screenshot

The plugin merges the best features from older plugins and the Interconnect/It script to support the following capabilities:

  • Serialization support for all tables
  • The ability to select specific tables
  • The ability to run a “dry run” to see how many fields will be updated
  • No server requirements aside from a running installation of WordPress

Since searching and replacing in the database is a sensitive action to perform, the “dry run” feature gives you a good idea of what you can expect before pulling the trigger. Even with the option of performing a dry run, you will undoubtedly want to have a backup of your database created before touching it.

better-search-replace-dry-run

Migrations aren’t the only reason for this type of plugin. Perhaps you’ve renamed your company or product line and need to replace all instances throughout your website. This plugin makes it safe and easy to perform the replacements directly within the WordPress admin. I tested it on a development site and found that it is fast and works exactly as advertised.

Better Search Replace was created by Matt Shaw, author of the Revisr plugin that allows developers to synchronize WordPress with a remote Git repository. If you’re a long-time fan of the Interconnect/It script, you’ll find that this plugin is even easier to use. You can find Better Search Replace on WordPress.org.

Using the Velvet Blues Update URLs WordPress Plugin

While updating the Site URL makes it possible for your site to be moved, it doesn’t update internal links or paths to images. The good news is, it is a fairly easy process to update these links.

    1. Begin by logging into your WordPress dashboard.
    1. Do a search for and install this plugin: Velvet Blues Update URLs
    1. Activate the plugin and open the Update URLs settings screen.

update-urls-settings

    1. Enter the previous and current URLs for your WordPress installation. It’s important that the URLs be entered to match the Site URL. For instance, if you included www in your site URL, be sure to include that where appropriate for your Old and New URL.

Old URL: Where WordPress was installed before the move
New URL: Where WordPress is currently installed

    1. Under Step 2 select which types of URLs should be updated. For most users, this should be all except the last option “Update ALL GUIDs.”
    1. Click the Update URLs NOW button to update your site’s URLs

update-urlsYou should receive a notification that URLs have been updated, similar to this:urls-updated

    1. Visiting your site should also show that images and links are no longer broken. If necessary, refresh your page or clear your browser cache to view the changes.

Find & Replace Fields – WP Migrate

The Find & Replace fields are available during any push or pull migration, or when running the Find & Replace tool.

During a migration, you are presented with two standard find and replace fields. These are essential in replacing strings that reference the source website with references to the destination website.

The two standard find and replace fields are:

  • Site URL: any URLs referencing the old site will be replaced by the new URL during the migration.
  • Root file path: any root file paths referencing the old site will be replaced by the new root file path during the migration.
Standard find & replace screen showing find and replace inputs.

The site URL find and replace field is absolutely essential as it changes the siteurl and home values in the wp_options table. These values must be updated during a migration to the correct value to ensure that your website loads correctly.

The root file path find and replace is mostly for third-party plugins that store the website’s root file path in the database. This find and replace field will ensure that these values are updated to the correct root file path during the migration.

The site URL and root file path text inputs are filled in for you automatically when performing a pull or push migration. If performing an export migration you will need to fill in these inputs manually.

#Retrieving the “New URL” and “New file path” information

WP Migrate DB Pro should be installed and active on both the local and remote WordPress installations.

You can use the following method to retrieve the “New URL” and “New file path” information:

  1. Log in to the remote site
  2. Navigate to WP Migrate DB Pro plugin page (Tools → Migrate DB Pro)
  3. Click the Migrate tab and then click Find & Replace
  4. Copy the contents of the first field under the “Custom Find & Replace” header (remote URL)
  5. Switch back to your local site
  6. Navigate to WP Migrate DB Pro plugin page (Tools → Migrate DB Pro)
  7. Click the Migrate tab and then click Find & Replace
  8. Paste the contents of your clipboard into the first empty field under “Replace”
  9. Switch back to the site you logged into during step 1
  10. Copy the contents of the second field under the “Custom Find & Replace” header (remote file path)
  11. Switch back to your local site
  12. Paste the contents of your clipboard into the second empty field under “Replace”

#Custom Find & Replace Fields

Occasionally you might need to specify a custom find and replace field. When doing a push or pull migration, WP Migrate DB Pro will automatically make an additional Custom Find & Replace field available. You can leave this empty, or add a custom find and replace field. If you need more than one custom replacement, you can click the Add Row button below the existing custom find and replace to create a new one.

Custom find & replace screen showing empty find and replace fields.

A prime example of why you’d want to define additional find and replaces is if you have references to your site’s URL in your database that slightly differ in format from your main site’s URL.

Consider the following:

Your website’s URL is: http://hellfish.media

Your default replace will match your site’s protocol-relative URL. If you have references to your site using a sub-domain, these URLs will not be replaced during a migration using the default find and replace fields.

So in this example, http://www.hellfish.media will not be replaced during a migration.

To have those values replaced during the migration you’ll need to add additional find and replace fields to have those slightly different URLs replaced.

For example:

  • Find for //www.hellfish.media and replace with //hellfish.media

#Regular Expression Find and Replace

There are some situations where you need to find and replace data based on a complex set of conditions rather than just a simple string. As an example, let’s say you need to replace a specific shortcode (foo) with a different shortcode (bar) through all the content on a site while retaining the shortcode’s id attribute.

[foo id="1"]

If you run a custom find and replace to replace the term foo, you’d run into a problem where you would affect any data that uses this string (food, foot, etc). You could try using [foo but that might affect any other shortcodes starting with that same string.

This is where a regular expression find and replace comes into play.

Using the same functionality as the PHP preg_replace function, WP Migrate DB Pro allows you to specify a regular expression (regex) string, to find and replace the correct data.

Your regular expression must be a full pattern regex, meaning it must contain all delimiters and modifiers you wish to use. It’s also worth noting that there is only a specific list of modifiers available to the preg_replace function, as detailed in the Regex Pattern Modifers in the PHP manual.

In the above example, your regex would look something like this:

/\[foo id="([0-9]+)"/

The replace string would look like this, where bar is what we want to replace foo with, and $1 is the data from the capturing group in the original regex, in this case, the id value:

[bar id="$1"

In order to run this on your data, either add this as a custom find and replace row during any migration, or use the “Find and Replace” tool on the site where you want to replace the data.

Enable the regex functionality by clicking on the Regular Expression button, next to the find and replace fields.

Enabling regex on a find and replace field.

Then enter the regex in the find field, and your replacement string in the replace field. If your regular expression is invalid, the plugin will display a notification warning, and you will not be able to run the migration/replacement.

Find and replace field warning of invalid regex.

Once you fix the regex, the find and replace row will be ready to be run.

Valid regex for find and replace field.

You can test your regex using a tool like regex101.com. When you copy the valid regex from this tool, you must exclude any modifiers not listed in the Regex Pattern Modifers. For example, a new regex on regex101.com includes the g modifier, which means “find all matches rather than stopping after the first match.”. The preg_replace function assumes that it should be replaced globally, so adding that modifier results in an error. It should be left out of your regex in the find field, and the plugin will report it as an invalid regex if you leave it in.

#Case-Sensitive Find and Replace

Similar to the regex find and replace, it is also possible to enable a case-sensitive custom find and replace.

The default functionality for custom find and replace is to perform case-insensitive searches. This means that if you enter User in the find field, it would find and replace instances of both User and user. This is not ideal if you only want to replace instances of User!

To enable a case-sensitive custom find and replace, click on the Case Sensitive button next to the find and replace row. Then enter the find and replace strings as normal.

Enabling case-sensitive find and replace.
In this article, you will learn how to create the Facebook App ID which opens a lot of opportunities for you.

Following steps to create Facebook APP:

1. Log in to your Facebook account.

2. Go to Facebook for Developers, click on My Apps and press Create App.

Facebook create app

3. Set the Display Name of your application.

4. Enter the Contact Email.

Facebook create new app id

5. Navigate to Facebook Login and press the Set up button.

Facebook add product

6. Select Web from the displayed platforms.

Facebook website platform

7. Go to the Settings section and choose Basic.

8. In the appeared menu some of the fields are generated automatically. All you need to do is fill in the rest of them, such as App Domains and Contact Email in particular. Please note these two are obligatory options. Privacy Policy URL and Terms of Service URL are optional, but we recommend you NOT to leave them blank. You will not be able to switch your application to live mode without them being set.

9. Once you’ve filled all the necessary fields, press the Add Platform button to move to the next step.

Facebook app id basic settings

10. Select the Website from the list.

Facebook app platforms

11. Set the website URL address in the Site URL field and press the Save Changes button.

Facebook website web id

12. Navigate to Facebook Login section and press Settings.

13. Enter you Valid OAuth Redirect URLs. It differs depending on the software you are using it for. Usually, you can get  OAuth Redirect URL in the software settings info.

14. Make sure Enforce HTTPS option is enabled due to the Facebook Enforce HTTPS default setting.

15. Press the Save Changes button.

Facebook client oauth login settings

Once you’ve saved all the changes  Switch your Facebook APP to Live Mode.

Magento 2 Facebook app id

15. Go to Settings > Basic. Here you can find the App ID and App Secret that you will need for software that uses Facebook APP.

Facebook for developers app id

 

Theme is missing the style.css stylesheet error

Why should you speed up WordPress?

There are many reasons that ring alarm bells, some of which might even cause major concerns for you:

  1. Search engines (like Google) rank websites with fast-loading times higher than the slow-loading ones. So, if you want to improve your position in the SERPs, improving speed should be one of your priorities.
  2. Studies have shown that site-loading speed of more than 2 seconds usually results in about 47 percent of visitors bouncing off the website. So, to keep about half of your visitors interested, you should speed up your WordPress.
  3. Online buyers are the most impatient lot; they expect the page to load within a second. So, if you are running an e-commerce store on WordPress then you better get ready to make major improvements so your business can be more profitable.

How to test the loading time of your website?

First things first, you need to analyze the current load time for your website. Keep in mind that this speed may differ from page to page, as it depends on various factors, namely:

  • the size of that particular page,
  • how many requests it generates,
  • whether it is cached or not,
  • and lastly, what kind of content (static or dynamic) it hosts.

The homepage of a website is usually used as a benchmark to test the load time. In order to check the speed of a website, the following three tools are used extensively across the web:

  1. WebPageTest.org
  2. Tools.Pingdom.com
  3. PageSpeed Insights (this doesn’t really report the page loading time, but does highlight the elements that you can tweak to speed up WordPress)

Okay, it’s about time to start talking some business!

Here are the 11 ways to speed up WordPress:

1. Choose a better web hosting provider

The major factor that influences the speed of a website is the hosting of your WordPress website. It might seem like a good idea to host your new website on a shared hosting provider that offers “unlimited” bandwidth, space, emails, domains and more. However, the point that we usually miss out on regarding this offer is that shared hosting environments fail to deliver good loading times on peak traffic hours, and most fail to provide 99 percent uptime in any given month.

Shared hosting tends to deliver a poorer performance because you are sharing the same server space with countless other websites, and there is no telling how much resources others are using. Plus, you don’t know exactly how well the servers are optimized.

Thankfully, the web-hosting industry has advanced with technology, and the prices of cloud hosting providers have decreased with the passage of time. In the present times, you can buy dedicated cloud servers from SiteGround, DigitalOcean, Amazon Web Services, and even Google Compute Engine at a nominal price. However, setting those servers up can be a daunting task as you are required to set servers up from scratch. There are web hosting providers like Cloudways (where I work) who make the task of setting up optimized cloud servers as easy as click and launch.

2. Use a lightweight WordPress theme / framework

WordPress themes with a lot of dynamic elements, sliders, widgets, social icons and many more shiny elements are immensely appealing to the eye. But remember this: if they have too many elements and higher page sizes, then they will definitely cause your web server to take a thumping.

The best option here is to use lightweight themes. One solution is to go for one of the default WordPress themes. Another is to try out something like Blance, built by the same guys behind JWSTHEMES.

 

Author(s): JWSThemes team

Current Version: 3.5.2

Last Updated: March 01, 2022

3. Reduce image sizes

Images are the major contributors to the size increment of a given webpage. The trick is to reduce the size of the images without compromising on the quality.

If you manually optimize the images using Chrome PageSpeed Insights extension or Photoshop or any other tools, the process will take a long time. Fortunately, there are plugins available for just about everything you can think of, including image optimization. The ones worth mentioning are:

Using any of the above-mentioned plugins on your WordPress site will drastically reduce image sizes, thus improving the speed of your website.

4. Minify JS and CSS files

If you run your website through Google PageSpeed Insights tool, you will probably be notified about minimizing the size of your CSS and JS files. What this means is that by reducing the number of CSS and JS calls and the size of those files, you can improve the site loading speed.

Also, if you know your way around WordPress themes, you can study the guides provided by Google and do some manual fixing. If not, then there are plugins that will help you achieve this goal; the most popular being the Autoptimize which can help in optimizing CSS, JS and even HTML of your WordPress website.

5. Use advanced caching mechanisms with a caching plugin

WordPress caching plugins (e.g. W3 Total Cache) has been there for a long time, making the complex tasks of adding caching rules to your website elements easier. Combining such plug-ins with advanced caching mechanisms like Varnish could help you better the loading speed of your website and ultimately speed up WordPress considerably.

6. Use a CDN

The people who visit your website belong to various locations in the world, and needless to say, the site-loading speed will differ if the visitors are located far away from where your site is hosted. There are many CDN (Content Delivery Networks) that help in keeping the site-loading speed to a minimum for visitors from various countries. A CDN keeps a copy of your website in various data centers located in different places. The primary function of a CDN is to serve the webpage to a visitor from the nearest possible location. Cloudflare and MaxCDN are among the most popular CDN services.

7. Enable GZIP compression

Compressing files on your local computer can save a lot of disk space. Similarly, for the web, we can use GZIP compression. This maneuver will dramatically reduce the bandwidth usage and the time it takes to gain access to your website. GZIP compresses various files so that whenever a visitor tries to access your website; their browser will first have to unzip the website. This process brings down the bandwidth usage to a considerable extent.

You can use either a plugin like the PageSpeed Ninja, which enables GZIP compression or add the following codes in your .htaccess file.

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

8. Cleanup WordPress database

Deleting unwanted data from your database will keep its size to a minimum and also helps in reducing the size of your backups. It is also necessary to delete spam comments, fake users, old drafts of your content and maybe even unwanted plugins as well as themes. All of this will reduce the size of your databases and web files, and thus speed up WordPress – your WordPress.

9. Deactivate or uninstall plugins

Keeping unwanted plugins on your WordPress websites will add a tremendous amount of junk to your web files. Moreover, it will also increase the size of your backup and put an overwhelming amount of load on your server resources while backup files are being generated. It is better to get rid of the plugins that you don’t use and also look for alternate methods to use third-party services for automating or scheduling tasks (like sharing of your latest posts on social media).

IFTTT or Zapier are two web services that help in automating such tasks and reduce the burden on your website and server resources.

10. Keep external scripts to a minimum

The usage of external scripts on your web pages adds a big chunk of data to your total loading time. Thus, it is best to use a low number of scripts, including only the essentials such as tracking tools (like Google Analytics) or commenting systems (like Disqus).

11. Disable pingbacks and trackbacks

Pingbacks and trackbacks are two core WordPress components that alert you whenever your blog or page receives a link. It might sound useful, but you also have things such as Google Webmaster Tools and other services to check the links of your website.

Keeping pingbacks and trackbacks on can also put an undesirable amount of strain on your server resources. This is so because whenever anyone tries to link up to your site, it generates requests from WordPress back and forth. This functionality is also widely abused when targeting a website with DDoS attacks.

You can turn it all off in WP-Admin → Settings → Discussion. Just deselect “Allow link notifications from other blogs (pingbacks and trackbacks).” This will help you speed up WordPress some more.

Conclusion

The biggest advantage of lowering your website’s loading time is that it will help tremendously in improving the experience of your visitors. The case remains the same whether they are using mobile devices or PCs. Furthermore, it will also improve your rankings in the SERPs. After all, reduced bandwidth usage of your hosting and faster site-loading speed on the client side will only benefit you both in the short as well as the long run.

WordPress XML-RPC is a system designed to make it easy for other systems to communicate with a WP site.

We’re going to explore what it is, what it lets you do, and why you might want to disable, and how.

Just what does WordPress XML-RPC do for you?

It provides an interface to communicate with your WordPress site.

It’s been turned-on by-default since WordPress 3.5 (circa 2012) and where it’s used will vary, from your iOS App, to letting other websites send “pingbacks” when they link to your articles.

But the need for XML-RPC has dramatically decreased, especially since the newer WP REST API has been built.

There’s no doubt about it, XML-RPC is a major API component of a WordPress site and depending on how your site is structured you may be using it and not even know. An example of this is the JetPack plugin (at the time of writing) that uses the XML-RPC API extensively.

Can someone attack my XML-RPC?

One of its features is the ability to send multiple commands using a single HTTP request. Handy, but not really when one of those commands could be a login authentication.

This means that with a single web request, an attacker can try hundreds of login username/password combinations. There isn’t any real-world application of such a feature for most of us. So there’s no good reason to leave this attack vector lying open unless we really need to.

Is XML-RPC being used on my site?

The only way to know this is to

  1. Examine your plugins and theme and see whether they make use of XML-RPC in their spec. An example of this is JetPack which uses XML-RPC extensively.
  2. Monitor traffic on your site We outline this below, under option #2. Shield has an integrated Traffic Monitor, and this will let you see hits to your XML-RPC and from there determine if it’s actually in-use.

Can you disable XML-RPC?

It’s technically possibly to disable it. But before you set about doing that, you need to determine if your site uses it or not (see later on under the section with disabling XML-RPC using Shield)

Let’s assume that you’ve done the research and decided that your site doesn’t need XML-RPC. Can you, and should you, disable it? Our opinion is that if it’s not being used, then there’s no upside to keeping it around.

If you’ve decided to disable it, we’re going to outline 2 of ways you can go about it.

  1. Blocking XML-RPC using CloudFlare (the easiest).
  2. Blocking XML-RPC using Shield Security Pro.

The 1st one is ideal because it blocks traffic before requests even touch your web server. We’ve been recommending CloudFlare for everyone years, for every domain they manage. If you’re on CloudFlare already, this will take only a few minutes to setup.

#1 – Steps to block WordPress XML-RPC using CloudFlare

All free CloudFlare plans come with 5 firewall rules, so there is no cost to you for creating the following rule:

  1. Log into CloudFlare and select the domain you want to manage.
  2. Select ‘Firewall’ from the main navigation.
  3. Click the button to create a Firewall rule
  4. Give your new rule a name – any name will do.
  5. Now you need to create rules to match requests that are specific to XML-RPC:
    1. Field: URI Path
    2. Operator: contains
    3. Value: /xmlrpc.php
  6. You can also add the following rule, though it’s not required. Beside the first rule you created, click the “And” button (not the ‘Or’!). If you click ‘Or’, you’re in trouble.
    1. Field: Request Method
    2. Operator: equals
    3. Value: POST
  7. Then you need to choose the action that CloudFlare will take. We recommend choosing ‘Block’.
  8. Then click ‘Save and Deploy’
Click to see a screenshot of how it would be setup in CloudFlare

And you’re done! XML-RPC requests to your WordPress site will be intercepted and blocked before they even reach your WordPress site.

Please note that CloudFlare is a powerful system and creating the Firewall blocking rule, incorrectly, could break normal access to your site. If you notice anything strange or broken as a result of this, you can delete the rule you just created and return the site back to normal.

#2 – Steps to block WordPress XML-RPC using Shield Security

Shield Security also provides the option to block any XML-RPC requests made to your site.

You can use Shield Security Pro to determine whether your site is actually using XML-RPC.

  1. Under the ‘Block Bad IPs’ module within Shield, find the option “XML-RPC Access” under the Probing Bots section and turn this on to ‘Audit Log Only’
  2. Monitor your Audit Trail logs for a few days to see if there are any legitimate requests to your XML-RPC. If you’re seeing traffic there and it’s legitimate, you may want to hold off disabling it. Otherwise proceed to the next steps.
  3. Select the sub-menu item Settings underneath Shield Security
    from the main WP menu.
  4. Select Lockdown from the side menu on the following page.
  5. Under the sub-section API & XML-RPC click to turn-on the option that disables XML-RPC, and save.

How to verify your WP XML-RPC is disabled

After performing either of the steps above, you can verify XML-RPC is disabled quite easily.

If you don’t know the URL of your XML-RPC, you can find it by:

  1. Browsing to your WP Login URL. e.g. https://www.example.com/wp-login.php
  2. Remove “wp-login.php” from the URL and replace it with “xmlrpc.php”

With your XML-RPC URL, go to this site and test whether it can communicate with it. You’ll discover in a few seconds whether or not you’ve correctly disabled access to it.

Should you use Shield, or CloudFlare to disable XML-RPC?

We could obviously say “Shield is best” because we want you to think you can’t live without us, but in this case, CloudFlare is the better solution. Here’s why…

CloudFlare acts like a proxy, and this means that traffic is routed via their servers. If anyone tries to access your XML-RPC endpoint and you have the CloudFlare rule in-place, the request wont even register on your website. With CloudFlare, you’re blocking traffic long before it even touches your WordPress site. This is the best way to stop traffic you don’t want.

But it does no harm to use both settings. In-case you need to pause CloudFlare at a future date, Shield’s protection will kick-in and protect your site, too.

Comments and Feedback

We’ve covered in this article what XML-RPC is, why it might be used, and how you can disable it completely, and verify it’s been disabled.

Remember to always assess whether you need it disabled, and you follow the instructions carefully when doing so.

Sharing your beautiful Instagram feed on your WordPress website is a great way to boost your follower count and get more engagement. But to do this, you need to create or generate your Instagram access token first. Don’t worry, this is easier than you think. Today, we will show you how you can collect your Instagram access token in only three easy steps.

Instagram Access Token

 

Why Do You Need To Collect Instagram Access Token?

Sharing photos from third-party accounts is prohibited by Instagram. So, in order to prove that you have permission to share Instagram images on your WordPress website, you need to retrieve your Instagram access token. This token is basically a set of characters that allow other applications access to your Instagram account.

It may sound like too much trouble, but this is actually a very secure way to ensure that your content on Instagram is being protected from people who do not have permission to use your photos.

Once you have the access token, you can simply connect your Instagram account to your WordPress website and share your stunning photos with your site visitors.

How To Create Instagram Access Token Easy Steps?

In this section, we are going to give you a step-by-step walkthrough on how to create your Instagram access token within minutes. You do not need any extra tool to do this; you just have to make sure that your Instagram account is public, and then you have to create an app on Facebook Developers. Here’s how you can do it without breaking a sweat.

Step 1: Add A New App On Facebook For Developer

First, head over to Facebook Developers Account and log in with your own Facebook profile credentials. Afterwards, click on the ‘My App’ button at the top of the page. This will redirect you to a new page where you can click on the ‘Create App’ button to add a new app on Facebook developer.

Instagram Access Token

As soon as you click this button, a popup will appear where you have to choose what you want your app to do. This decides the permissions that your app will need. In this case, you will need to go for the ‘Something Else’ option as shown below.

Instagram Access Token

Afterwards, give a name to your app inside the ‘App Display Name’ input field. Enter your email address and choose a Business Manager if you have one. When you are done, click on the ‘Create App’ button.

Instagram Access Token

That’s it! You have successfully created a new app on Facebook Developers. Wasn’t that easy?

Now, you just have to set up the Instagram Basic Display API. This is the API that allows your app to get access to your profile information, photos and videos from your Instagram account. Move on to the next step to learn how to set up Instagram Basic Display.

Step 2: Configure Instagram Basic Display

As soon as you create your app on Facebook developer, you will be taken to a new page. From here you will see several different options as shown below. Click on the ‘Set Up’ button under Instagram Basic Display.

Instagram Access Token

You will be taken to the ‘Basic Display’ page where you have to scroll down and find the  ‘Create New App’ button. Click on this button and then enter the name of the app you created earlier.

Instagram Access Token

You are done configuring Instagram Basic Display. Now it’s time to go retrieve your Instagram access token.

Step 3: Generate Your Instagram Access Token

To get your Instagram access token, first you add an Instagram Test user. From the  ‘Basic Display’ page, scroll down until you find the ‘Add or Remove Instagram Testers’ button.

Instagram Access Token

Simply add the Instagram user ID of the person you want to set as your tester. If you are planning on sharing your own photos and videos, then just add your own Instagram username to grant access to your account.

Instagram Access Token

Once that’s done, log in to your Instagram account and navigate to Settings→ Apps and Websites and click on the Tester Invites tab as shown below.

Instagram Access Token

Accept the invitation and return to your Facebook Developers dashboard. Click on the app you have created and go to the ‘Basic Display’ page. Afterwards, scroll down to the ‘User Token Generator’ section and click on the ‘Generate Token’button.

Instagram Access Token

A pop-up will appear with your Instagram access token. You can now copy this token to your clipboard and show your Instagram posts on your WordPress website.

Instagram Access Token

Just like that, you can easily collect your Instagram access token to share your Instagram photos and videos on WordPress. All it takes is three simple steps and you are good to go.

How To Generate Instagram Access Token 2021

Instagram deprecated their platform’s API and all Instagram feed sections in JWSThemes themes were impacted by this, as access tokens depend on this system to connect.

Starting in early 2020, the Instagram Access Token Generator was deactivated and Instagram feeds were removed from all themes. Merchants are advised to display an Instagram feed using an app.

How to use Instagram feed with all JWSThemes theme :

The Instagram Access Token Generator was a free tool to connect themes with Instagram accounts.

You can download the latest WordPress theme and follow the guide.

YOU MAY ALSO LIKE: CLEAN, MINIMAL WOOCOMMERCE THEME

Clean, Minimal WooCommerce WordPress Theme

VIEW MORE POPULAR WORDPRESS THEMES

Purchase now and get free installation! For each purchase, customer will get free install service worth $50. Just open a topic with your purchase code & provide us WordPress admin information.

Creative Multipurpose Elementor WordPress Theme Business & Consulting Elementor WordPress Theme

Modern Kitchen WordPress Theme Clean, Minimal WooCommerce WordPress Theme

Aqua - Spa & Beauty WooCommerce WordPress Theme Paradise - Multipurpose Spa & Beauty WordPress Theme

Pain - Charity & Fundraise Non-profit WordPress Theme Preschool - Nurseries Kindergarten WordPress Theme

Zadora - Clean, Minimal WooCommerce WordPress Theme Car Dealer WordPress Theme

LMS Education WordPress Theme Financial - Business and Financial WordPress Theme

Best Responsive WordPress Theme 2020