Create forms

You can turn on recaptcha on your contact forms to prevent spam and bots from submitting conversations in Kustomer.

In this article

• Turn on recaptcha
• Use recaptcha in a custom theme

Turn on recaptcha

1. Go to Settingsand select Knowledge Base > Forms.
2. Select for the form you want to enable recaptcha.
3. Turn on the Recaptcha toggle in the Form Settings panel.
   
4. If using the code editor to create your form, you can add recaptcha by adding recaptcha={true} to the <Form> component as a property.

To disable it, you can change the line to recaptcha={false} or remove it entirely from your code.

Once recaptcha is turned on, the Submit button on your form will remain off until the recaptcha is selected.

Use recaptcha in a custom theme

If you are using a custom theme, you may need to do some additional modifications to your theme for the recaptcha to display properly. Here are some FAQ when turning on recaptcha on a custom theme:

Why does my Submit button look disabled (grayed out)?

To solve this, please add the following code to your custom style.css theme:

.btn:disabled {
    opacity: 0.65;
}
.btn-primary:disabled {
    background-color: #2D96CD;
    color: white;
    border-color: none;
}

My recaptcha widget is out of alignment. How do I position it differently?

You can reposition the widget by creating a new CSS file in your theme.

1. From Settings, select Knowledgebase > Themes.
2. Select Edit for your theme.
3. Select Add New.
4. Select Global from the Theme Target drop-down menu.
5. Enter recaptcha in the File Name box and select CSS from the File Type drop-down menu.
6. Select Create.
7. Go back to the Themes page and select the Default Theme.
8. Open the recaptcha.css file and copy its contents.
9. Go back to the Themes page and select your custom theme. Paste the file in your new recaptcha.css file for your theme.
10. Select Save.