custom code blocks & templates coming soon :: join the beta list

How to add an Instagram Feed to your Dubsado Form

Having an Instagram feed is a great way for your prospects to get to know you, and to encourage them to connect with you.

And for a lot of creative entrepreneurs, it's likely that you're using Instagram as a casual portfolio.

I'm going to show you an easy way to embed your live Instagram feed in your Dubsado Proposal, which will automatically pull the images from your Instagram account.

This is best used in your footer at the bottom of your form—just like you might have on your website!

01

To link up to a live Instagram feed, we'll need to use a third-party plugin/widget. We'll be talking about two in particular: SnapWidget (free and paid) and LightWidget (paid).


Yep! SnapWidget offers a free version, which is great but be aware it comes with their ads and branding.

Another con is that when people click the images, they won't be directed to your Instagram page, but their website instead. So you'll essentially be making people work to look for you themselves—which, most people probably aren't going to do.

Their paid version removes all these problems, but you're looking at a monthly fee of at least $6/month.


This widget is a one-time fee of $10, which comparing the two, is a no-brainer.

To sign up for a LightWidget account:

  1. Head to www.lightwidget.com
  2. Click Continue with Instagram on the home page
  3. Login to your Instagram account
  4. Click Authorize
  5. You should now see your Instagram Feed in a grid on the right—Play around with the options and click Preview for the changes to take place on the right.
  6. Once you're happy with how it looks, click Get Code!
  7. Click the Upgrade this widget! button
  8. Click Add to cartProceed to checkout
  9. Once it's all been paid, you should get a code snippet to copy.

Note: LightWidget also offers a free version but the catch is that they will not work on HTTPS websites, which Dubsado is (and most websites should be nowadays).

For Dubsado Proposals, I'd recommend keeping them in one row (add as many columns as you want). This way, the Instagram Feed can stay subtle and compact without taking up too much space (after all, your main goal is to keep prospects reading your proposal and booking to work with you).

02

Now we have our code snippet, open up your Dubsdao form:

  1. Drag in a Code Block
  2. Replace the sample code with the code generated by widget
  3. Find this line at the beginning <script src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script> and move it to the end.

So you should have something like this:

<!-- LightWidget WIDGET --><iframe src="//lightwidget.com/widgets/3b0f3cb08a1f5bc3b3b1ebc6fdee2fce.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:100%;border:0;overflow:hidden;"></iframe>
<script src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script>

And that's it!

Super easy and it's fully responsive!

© 2020 SEARCH & GROW
|
PRIVACY POLICY
|
DESIGNED BY ME ♦
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram