Below are instructions for installing the Reimbursify Widget on Squarespace websites.
Click here for a general installation instructions for the Reimbursify Widget.
NOTE: This feature is not available on the "Personal" Squarespace plan. You will have to upgrade to either the "Professional" or "Premium" plan to access the "Code Injection" feature described below.
Widget Installation on Squarespace Sites
Step 1.
Navigate to the My Practice > Website Integration section of your Practice Portal. The "Embeddable Widget" section at the top of the page allows you to specify if you want to include both the FileFAST (so your clients/patients can file claims) and VeriFAST (so your clients/patients can verify their benefits) options in your widget.
Click the "copy" icon in the upper right corner of the code snippet block to copy your custom code snippet to your computer's clipboard.
Step 2.
After you have logged into your Squarespace account:
- Click "Website" in the left navigation
- Scroll down and click "Website Tools" in the left navigation
- Click "Code Injection" in the left navigation
- Paste your widget embed code into the "FOOTER" section of the Code Injection panel.
- Insert the extra row of code (style="z-index:100") as illustrated below
- Save your changes
Step 3.
Preview and publish these changes to your Squarespace site.
NOTE: Depending on your Squarespace template or theme, it may be necessary to specify a value greater than "100" for your the "z-index" parameter illustrated above.
Widget Customization
If you'd like, you can modify the values of the parameters in your custom code snippet as specified below. If you don't change anything, the default settings will apply and your widget will appear as in the examples above.
- style z-index defines the layering position of your widget, relative to other elements on the web page. Specify a value greater than "100" if your widget appears behind other elements on the web page.
- offset-bottom-pixels defines how far from the bottom of your website in your visitor's browser the "Use Your Insurance" button will appear.
- offset-right-pixels defines how far from the right edge of your website in your visitor's browser the "Use Your Insurance" button will appear.
- FileFAST-qikCode is a unique code that associates claims to your practice. You should not change this value.
- VeriFAST-qikCode is a unique code that associates benefits verifcations to your practice. You should not change this value.
- button-background-color defines the background color of the "Use Your Insurance" button. This must be specified as a hexadecimal value. The default value is a pale/light blue (#4A97E2").
- button-change-color defines the color of the "Use Your Insurance" button when clicked. This must be specified as a hexadecimal value. The default value is white (#ff7200").
- button-font-color defines the color of the font for the "Use Your Insurance" label that appears on the button. This must be specified as a hexadecimal value. The default value is white (#FFFFFF").
- widget-embed defines if the FileFAST and VeriFAST interfaces render in an "embedded" window on top of your website (as in the illustrations above) or if they open in a new browser window. Acceptable values are "true" or "false." The default value is "true" (they will render in an "embedded" window on top of your website)
- filefast-header-image-url defines the image that appears at the top of the FileFAST interface. This must be specified as a valid URL for an image file.
- verifast-header-image-url defines the image that appears at the top of the VeriFAST interface. This must be specified as a valid URL for an image file.
Default "FileFAST Header Image" (https://bit.ly/3dDOSpv) |
Default "VeriFAST Header Image" (https://bit.ly/3kbViSI) |
Contact our Customer Care team by sending an email to [email protected] if you have any issues or questions about installing the Reimbursify Widget on your website.