Custom Dubsado Link Images For Social Sharing

If you want to share a Dubsado link with a client, you currently have no control over how the image preview appears and it will show up something like this:

Screen Shot 2018-01-23 at 3.47.41 PM.png

Until Dubsado adds the custom URL feature I don't see a quick fix right now, and even that may not solve it as you need access to the website's metadata and header code. This is my work around to solve this. I use Squarespace, but this should work with any website builder that gives you access to the header code.


1) Create a folder under "NOT LINKED" so that you can keep all these custom links organized. In this folder, create the page you want to forward to your Dubsado link, be it a form or contract of any kind.

Screen Shot 2018-01-23 at 4.18.46 PM.png

2) Create a page in the folder and name it something that is identifiable by your or your company. 

3) Click on the gear icon beside the page to open up the settings. You can either leave the URL slug as it is or give it something less easily identifiable. 

4) Under the page settings, go to 'Advanced'. In the Page Header Code Injection, input this code:

<meta http-equiv="refresh" content="1;url=https://YOURE LINK HERE" name="robots" content="noindex" />

Screen Shot 2018-01-23 at 4.18.59 PM.png

5) Test the link using the Facebook Debugger to see how it will appear. Try the Debugger using this link to see how it works:


  • The <name="robots" content="noindex"> section is supposedly to keep Google from crawling the page. 
  • The number in <content="1;> will determine how long until your page will redirect to the Dubsado page.

That's it!

Depending on the website builder you use this may be easier or harder, but it's what  works for me for now. Hope this helps!

If you've found this valuable and you want to follow our wedding business adventures, give us a follow on Facebook and Instagram. 

Original metadata code sourced from

Evan Bergen