• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • Get Started
    • Earn Money
    • Affiliate Tools Overview
    • First Payment
  • How To: Tools
    • Looks & Collections
    • Product Widgets
    • LinkIt Tool
    • Text Link
    • Convert Tool
  • Sales
  • Tips & Best Practices
  • Join Now
  • Say Hi

ShopStyle Collective Blog

A place for all the tips and tricks to best monetize your ShopStyle Collective links.

How-to: Add a Widget in your WordPress Blog Post

March 7, 2016 | How-To

1

Creating a widget not only allows your readers to be enticed by a visual image of what you are referring to, but also allows them to shop directly from your posts. So when setting up your blog post for the day, keep in mind that you can strategically make more money if you include both links and widgets in your post. The more places you have for your readers to click on, the more money you will make! If you’re a WordPress beginner, here are step-by-step instructions on how to create a ShopStyle Collective widget on your WordPress blog post.

1. In your WordPress blog post draft, click Text mode (at the top right corner); this is where you will begin and end the draft process to insert a widget.

Screen Shot 2016-03-07 at 4.32.41 PM
2. Create your widget to accompany your blog post. Follow these detailed instructions if you’re not sure how to create a widget. Remember to the width of the widget so it matches up with your blog post.
3. Once your blog post is drafted, copy your widget embed code and paste the code into your draft blog post while in the Text mode.

Screen Shot 2016-03-07 at 3.49.40 PM

4. Click Save Draft.

Note: if you go into the Visual mode in your blog post draft, you will see a large gray box with a mini video icon where your widget should appear. This is normal. Once you click Preview, you will see your actual widget as it would appear on your blog post, not just the gray placeholder.

Screen Shot 2016-03-07 at 3.54.34 PM

5. Click Preview to see how the widget would appear on a live blog post.

6. Publish the post when you’re finished drafting the post.

Troubleshooting your widget
If you see a duplicate widget in your blog post, try pasting the widget code once the rest of the post is done and do not click back to the Visual tab. Depending on your WordPress implementation, sometimes switching between Visual and Text modes could cause duplicate widgets.

If your widget is not displaying completely on your blog post, make sure the size of the widget matches the width of your blog post.

I hope these tips help clarify on how easy it is to use widgets on your blog!

Pro-tip: always use both text links and widgets to maximize your clicks!

xo,
Carlina

Reader Interactions

Comments

  1. Inez says

    March 10, 2016 at 5:44 pm

    Hi Carlina,
    I’m getting through step 4 of your instructions perfectly. I’ve created my widget, inserted it into the blog and see the grey box with a mini video icon. However, when I go to preview and even after I published, only the code appears in the blog post. I can click the code which takes me to a new page that has my widget on it. But obviously I want the widget, not a long code on my blog. Do you have any troubleshooting suggestions?
    Thank you!!

    Reply
  2. Inez says

    March 22, 2016 at 9:20 am

    Help! I can get to step 4 above but the widget does not appear in preview mode or when i publish. Do these instructions hold true if my wordpress blog is hosted by wordpress versus being self-hosted? Thanks Carlina!

    Reply
  3. JIll Myrick says

    April 12, 2016 at 7:55 am

    Carolina, Does this work in WordPress.com? Thanks!
    Jill

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Looking for something?

  • Facebook
  • Instagram
  • Pinterest
  • Twitter

@ShopStyleCollective

They’re all available for linking, too. Get star They’re all available for linking, too. Get started on your content now with these in-network favorites.
May is Asian American Pacific Islander Heritage Mo May is Asian American Pacific Islander Heritage Month. Kick off the month by sharing these trending Asian-owned brands your followers are sure to love. Plus, head to the blog for more!
Brunch essentials, travel beauty, and dresses galo Brunch essentials, travel beauty, and dresses galore…Swipe for what’s on the rise for May and add to your content strategy for the month. ✨ See the full trend report on the blog! #trendreport
Ready, set, link! We just onboarded 10 new ShopSty Ready, set, link! We just onboarded 10 new ShopStyle Collective retailers in fashion, home, baby, and more. Use them to create content your audience will love. Swipe for a sneak peek, and head to the blog for the full list.
If you’re not already using Instagram’s Link S If you’re not already using Instagram’s Link Stickers, it’s time to start. Instagram rolled out Link Stickers to everyone earlier this year, and the tool is one of the easiest ways to monetize on Instagram! Swipe for some ways you should be taking advantage ➡️
Introducing the Spring Content Challenge, Instagra Introducing the Spring Content Challenge, Instagram Story Edition! 🌸 It’s easy: Follow the challenge prompt each day and post it to your Instagram Story. Remember to include an affiliate link (via Link Stickers) for every story you post. 

Tag @shopstylecollective for a chance to be featured. Good luck!

Recent Posts

  • Sales to Post About 5/20
  • 20 Retailers You Should Know About
  • The Memorial Day Guide
  • Shopbop Must-Have Summer Essentials
  • Sales to Post About 5/13

Popular Posts

Spotlight On Style 1/5

NEW LOOKS CHALLENGE + FEATURED LOOKS THIS WEEK

NEW LOOKS CHALLENGE + FEATURED LOOKS THIS WEEK!

New Looks Challenge + Featured Looks This Week!

Archives

Footer

About ShopStyle Collective

We empower influencers to be lifestyle leaders. Grow your brand and audience with our guidance, data, innovative tools, and team of experts. We believe in your influence and we’re here to power that passion.
  • Facebook
  • Instagram
  • Pinterest
  • Twitter
They’re all available for linking, too. Get star They’re all available for linking, too. Get started on your content now with these in-network favorites.
May is Asian American Pacific Islander Heritage Mo May is Asian American Pacific Islander Heritage Month. Kick off the month by sharing these trending Asian-owned brands your followers are sure to love. Plus, head to the blog for more!
Brunch essentials, travel beauty, and dresses galo Brunch essentials, travel beauty, and dresses galore…Swipe for what’s on the rise for May and add to your content strategy for the month. ✨ See the full trend report on the blog! #trendreport
Ready, set, link! We just onboarded 10 new ShopSty Ready, set, link! We just onboarded 10 new ShopStyle Collective retailers in fashion, home, baby, and more. Use them to create content your audience will love. Swipe for a sneak peek, and head to the blog for the full list.
If you’re not already using Instagram’s Link S If you’re not already using Instagram’s Link Stickers, it’s time to start. Instagram rolled out Link Stickers to everyone earlier this year, and the tool is one of the easiest ways to monetize on Instagram! Swipe for some ways you should be taking advantage ➡️
Introducing the Spring Content Challenge, Instagra Introducing the Spring Content Challenge, Instagram Story Edition! 🌸 It’s easy: Follow the challenge prompt each day and post it to your Instagram Story. Remember to include an affiliate link (via Link Stickers) for every story you post. 

Tag @shopstylecollective for a chance to be featured. Good luck!

Copyright © 2022 · ShopStyle Collective Blog · Designed by Bella Creative Studio