Add Feedwind widget to WordPress website

  • Created : Mar, 15, 2022
  • Last Updated: Dec, 20, 2022


Feedwind WordPress integration
An easy-to-use feedwind widget to curate, customize and display dynamic content on your WordPress website with no coding knowledge. This article will explain how to add the feedwind installation code to your website.

WordPress video tutorial

Step 1: First we need to create a Feedwind widget

Log in to your Feedwind account. To create a widget click on the ‘Create Widget’ button.

Create widget

Then select a content source you want to embed in your website

Select content source

Next, click on the ‘Save & Get code’ button, this will call up a popup window with the script we want to embed

save widget code

Just click on the ‘Copy Code’ button to copy the widget script

copy widget code

Note: Popup will show two embed options one with a simple script version and another one with an iframe version, you can use anyone as per your choice, both will work perfectly 

Now we are ready to add a widget to our WordPress website

Step 2: Embed a widget to a WordPress Website

Adding in a selected page

Login to your WordPress dashboard, select the page where you’d like to add the widget

WordPress dashboard

WordPress select page option

Add using editor

Select the plus icon to add a block and look for the ‘Custom HTML’ block to add widget code

WordPress custom HTML block

Embed the widget code

Paste the widget code copied in step 1, and click update

Paste Feedwind widget code

We have embedded the widget successfully. Let’s review your changes on the website.

widget review screenshot

Adding widget in footer

This will display a widget on all website pages. There are three ways we can add a widget in the footer.

  1. Widget
  2. Theme file editor
  3. Customize

Widget: Embed using the ‘Widget’ option

Select ‘Widget’ in the WordPress dashboard under ‘Appearance’

WordPress widget

Click plus icon and look for Custom HTML block

WordPress add from editor block

WordPress custom HTML block

Paste the widget code from step 1 and click update

paset widget code

Congrats! Widget is available throughout all pages in the footer.

 

Theme file editor: Embed using the ‘theme editor’ option

Go to appearance and select the Theme file editor option, find and select the footer.php file from the right side theme file lists, & then paste the widget code.

Wordpress footer file

Customizer: Embed using the ‘Customize’ option

Select Appearance and choose to Customize

customize option

In ‘Customize’ select widgets, and the footer widget, click plus icon to add a Custom HTML clock, paste widget code; that’s it!

customize-options

 

We have looked at all three ways to add widgets to the WordPress website. Let’s get started.

If you need more help on this, please contact us, we will be happy to help you!


Related Integration

logo - shopify

Shopify

Showcase content related to your products or blog posts on your Shopify store.

logo - wix

Wix

Display the dynamic content related to your industry on your Wix website.

drupal logo png

Drupal

Manage your news feeds on your Drupal website and display them for your visitors.