Instagram Stories are a great way to keep your audience engaged and showcase your latest updates. Bringing these stories directly to your website allows visitors to interact with your content without leaving your site. In this guide, we’ll show you a simple, step-by-step process to display your Instagram Stories on WordPress, making your site more dynamic and visually appealing.
Steps to add Instagram Stories to WordPress Websites
So, let’s proceed by following these simple steps:
Step 1: Create your Taggbox account.
- First, set up a new Taggbox Widget account or log in to your existing account.
Step 2: Choose an experience to design your Instagram Stories feed.
- Select “Social Feed on Website” for creating a WordPress Instagram feed.
Step 3: Choose the network and start creating your feed.
- In the All Network tab, click on “Instagram.”
- Click “Stories” from the options shown to set up your Instagram Stories feed.
- Finally, click the “Connect Instagram” to display Instagram Stories on your website.
- Click “Create Feed” to start generating your feed.
Tip: Taggbox provides a “Design” option to customize the display of your feed widget. A newly launched theme named Story will bring the same view as Instagram Stories right into your website. There are also many more options to choose between according to your need.
Step 4: Make modifications and personalize your Instagram Stories feed.
- Choose the Stories you want to feature on your WordPress website and set them as Public or Private. You can also enable Autopilot to manage them automatically. Then, click “Publish.”
- Select your theme and style, personalize the design for your brand, and your Instagram widget for the website is ready to go live.
- Now, click on “Generate Code”.
Step 5: Select your desired platform and get the embed code.
- Click on “WordPress” to get the embed code for adding your Instagram Stories feed to your WordPress website.
- Copy the given code
Steps to connect the Instagram Stories Feed to the WordPress website with the embed code
1. Open the page/post in your WordPress backend, where you want to embed the Instagram Stories.
2. In the top left corner of the WordPress Editor, select “(+) Add Block”.
3. Choose Custom HTML and paste the copied embed code in the editor.
4. Click on Publish/Update post, and you’re done.
Add Instagram Stories using WordPress Classic Editor
1. Open the page/post in your WordPress backend, where you want to embed the Instagram Stories.
2. On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.
3. Paste the generated embed code where you want to show your Instagram widget and click on Update/Publish to save the changes.
Great! You have successfully embedded Instagram Stories on your WordPress website.
If you have any questions or need help, please contact us or write us at support@taggbox.com