How to Use the Website Field in HT Contact Form

Learn how to add and configure the Website URL field in HT Contact Form. This guide covers field settings, built-in URL validation, conditional logic, and practical use cases to help you effectively collect valid website links from users.

How to Add the Website Field #

• Navigate to your WordPress Dashboard and go to HT Contact Form > Forms.
• Open an existing form or create a new one.
• From the Fields panel on the left, drag the Website URL field into your form layout.
• Click on the newly added field to configure its options under the Field Settings tab.

Available Settings #

• Admin Label: Internal name for identification. Example: URL
• Field Label: The label displayed on the frontend. Example: URL
• Label Position: Set the position (Default, Top, Left, etc.)
• Hide Label: Toggle ON to hide the field label on the frontend.
• Placeholder Text: Add a sample URL (e.g., https://example.com) to guide users.
• Required: Make the field mandatory by toggling this ON.
• Validate URL: Toggle ON to ensure the input is a valid URL format.
• URL Validation Error Message: Custom error message shown if the URL is invalid. Default: This field must contain a valid URL
• Default Value: Pre-fill the field with a default URL if needed.
• Field Size: Choose from Small, Medium, or Large for field width.
• Field Class: Add a custom CSS class for styling.
• Help Message: Display additional instructions.
• Message Position: Choose where the help or error message appears (Default, Top, Bottom).
• Prefix Label / Suffix Label: Add labels before or after the input box (optional).
• Name Attribute: The name attribute for backend processing. Example: url

Conditional Logic #

You can control when this field appears using conditional logic.

• Enable Condition:
  Toggle ON to set up display rules.
• Conditional Match:
  All: All defined conditions must be true
  Any: At least one condition must be true
• Set Rules:
  Define rules based on other fields.
• Example:
• Field: Job Title
• Condition: equal to
• Value: Developer

Example Use Case #

Use the Website Field to collect a visitor's personal or business website URL. It's especially useful for applications, contact forms, or partnership requests. With conditional logic enabled, you can show this field only if the user answers “Yes” to a question like “Do you have a website?”