How can I customize the forms used in the Web Widget?
In the standard web widget config, you can select for the widget to display forms. In the UI config you are only able to display all forms associated with your brand's Help Center. However, you can customize a limited number/selection of forms by adding the snippet for the widget from a different brand.
Say we have 10 forms total. Brand A has 8 forms associated with it. We only want to focus on 3 of them to show up in the Help Center widget, but enabling forms displays all 8 of the brand's forms. I created a Brand B that we don't actually use, associated those 3 forms with it, and used the snippet for the Brand B widget to embed it on Help Center A.
You'd probably want to have a trigger in place to change the brand back to A, and may need assignment triggers updated if you're using brand as a condition, but this allows you to have the subset of forms you're customizing for.
-
Hi mfg,
You can use the Web Widget Classic JavaScript API to display a subset of your end-user-editable ticket forms. Sample code snippets are provided in the documentation, so it should be an easy enough task when you are embedding the widget on your website. Remember to add the code snippet before the widget script tag that you obtain from admin center.
To do the same in your help center, you would need to disable the option to Automatically add the Web Widget to your Help Center. Then, add the scripts for the settings and the actual widget manually to the theme code in its header.
Hope that helps.
-
Ahmed Zaid - it looks like this solution presents the same weakness as the one used on the standard form page - hard-coding form IDs into on-page assets. It seems like this is also the same method - rather than displaying a subset, it is hiding designated forms by ID.
This solution seems less flexible than assigning a form to a brand or other soft-coding. We've also had mixed results with the JavaScript where sometimes it works, sometimes external users see internal-only forms.
Please sign in to leave a comment.
2 Comments