When a builder creates a web form using GraceBlocks, the form will live on a URL that is hosted by GraceBlocks. This URL when shared on the internet is designed to support the OpenGraph protocol so that when shared on the internet it can be nicely branded with an image that can align to your form Read this article to understand how to use the social share image feature including:
- Generating the social share image for a web form
- Understanding the social share image elements (and where they are configured)
- Important notes about social sharing (make sure to read these!)
Generating the social sharing image feature
By default, a web form has a GraceBlocks standard logo as the default social share image. However, builders have the power to generate a branded image by completing the following steps.
From any tab, hover over + Add new record and choose the dropdown option. Then select Manage web forms.
The web forms modal appears.
Find the form where you'd like to generate a social share image. Then from the Actions dropdown menu for that form select Edit form settings.
A form settings modal appears.
Scroll towards the bottom of the page and find the field to Social share form title, and ensure this title is what you'd like to see reflected for the form when you share the form on social sites.
Click Save & go to designer
Review the image and logo configured, make any image adjustments if desired.
This image and logo will be used along with that title to generate your social sharing image.
Click Save and close
Find the form where you'd like to generate a social share image. Then from the Actions dropdown menu for that form select Generate social sharing image.
A new social sharing image will be generated reflecting the current configuration of the web form.
Share the URL for the form on the internet.
Example of a social sharing image in action - ->
Ket attributes of note:
Important notes about social sharing
🔔 If the social share image must be generated to exist. If it has never been generated, a graceblocks default image is used instead. This is the default graceblocks image:
🔔 If you make any changes to the form designer or settings that would impact the social sharing image, you must repeat step 7 above to generate a new image. The image must be generated to exist. Whatever is configured at the most recent occurrence of generating it via step 7 will be used when you share the URL.
🔔 Your browser will cache images. This means once you generate the first image, seeing image updates can be tricky. Your browser will want to show you the original one that it has cached. You will need to clear your cache to fix this. Alternatively, you can see image updates is to use testing tools provided by Twitter or Facebook. Past your form URL into one of these pages to see a preview before posting it live on social.
🔔 TEST BEFORE YOU POST. The internet also caches images! Be sure you have your image defined the way you want it before you post it. Once you share it on social, it's not easy to tell the internet that the image has been changed.
Past your form URL into one of these pages to see a preview before posting it live on social.