Search results for form styling

136 articles found

  • Form Styling: Introduction

    Note: The Form Styling extension no longer works with the form editor. This extension is not available for sale. The form's styling will default to the theme style. The Form Styling extension which

  • Styling Web Forms

    Customizing the appearance of your web form in Groundhogg is simple and flexible. Whether you want a quick, pre-built look or a fully tailored design, the "Web Form" settings offer options to match

  • Email Editor: View in Browser Link

    Q. How do I modify the appearance of the "View this email in your Browser" link, including its text? A. Verify that the "Enable browser view" setting is off by default it is off Drag a Text Block*

  • Booking Calendar: Styling your calendar

    By default, the Booking Calendar is styled with "Helvetica' for the font and shades of blue. You may want to match the styling of your website and this can be accomplished using the example below.

  • Web Form Widget(Block)

    The Groundhogg Web Form Widget is a WordPress block designed to simplify the process of embedding forms into your posts and pages. Prerequisites A WordPress site with the Groundhogg plugin installed

  • Embed a web form on another site

    Once you’ve created a web form in Groundhogg, you can easily share it beyond your WordPress site using embedding options. These options, all accessible from the funnel builder’s "Web Form" benchmark,

  • Introduction to Reporting

    Groundhogg's reporting dashboard provides incredible insight into how your list is interacting with your information and consuming your content. You can access the Reporting dashboard by selecting "

  • Benchmark: Web Form

    A Web Form benchmark is your tool to gather information from visitors—like names, emails, or event RSVPs—and kick off automated workflows. To add a form to your funnel, use the Web Form benchmark

  • Create a Web Form

    Web forms in Groundhogg are a powerful way to collect contact information and kickstart your marketing funnels. Whether you're capturing leads or growing your email list, this built-in form builder

  • Getting Started: Form connectors

    Groundhogg provides integrations for the majority of major WordPress form builders. Regardless of the form builder, the process to connect it to Groundhogg is the same. In this example, we will be

  • Web Form: Dynamic Redirect

    The Web Form benchmark includes an "after submit" section where you can choose to either stay on the current page and display a response or redirect users to another page via a specified URL. It also

  • Booking Calendar: Use a custom form for bookings

    Groundhogg Booking Calendar provides functionality to create a custom form that the user needs to fill while booking an appointment. Booking Calendar uses the Groundhogg form to achieve this task.

  • Companies: Create company records with a form submission

    Company records can be created whenever a contact record has its Company Name field updated under the Work Details section. You can collect this information in a Groundhogg form using the following

  • Divi Integration: How to connect the divi contact form

    To connect the Divi contact form, insert the Divi Contact form benchmark in any funnel. This will work for any Divi contact form on your site.

  • How to add a note through a funnel or internal form

    Create a Meta field in a Contact named "Note" to store the notes associated with the contact. Navigate to the funnel that contains the Web Form Benchmark you want to work with Click to see a larger

  • groundhogg/scripts/after_register_frontend_styles

    This hook is used to add custom front end stylesheet into Groundhogg. do_action('groundhogg/scripts/after_register_frontend_styles');

  • Using Web Forms As Internal Forms

    All web forms can be used as internal forms as well from within the admin area. When filling out an internal form as an admin, the information used will create or update an existing contact and add

  • Connect forms.app Forms to Groundhogg

    forms.app is an accessible online form builder that streamlines the creation of personalized forms, including surveys, contact forms, and registration forms. This comprehensive guide demonstrates how

  • Forms Reporting

    The Forms Report, found under the Forms tab in the Reporting section of the Groundhogg dashboard, offers a comprehensive analysis of form performance for lead capture and feedback collection within a

  • Third Party Integrations

    Groundhogg works with many third-party integrations* that can expand the functionality. AutomatorWP Samples Flowmattic Provides triggers and actions Hyperise Connect Groundhogg to Hyperise Pabbly

  • Fluent Forms Integration

    Using Fluent Forms? Follow this guide to connect Fluent Forms to Groundhogg! Prerequisites: You have purchased the Fluent Forms integration or the Plus Plan or better. You have installed the

  • [gh_form] Shortcode

    Web forms in Groundhogg are a powerful way to collect contact information and kickstart your marketing funnels. The [gh_form] shortcode is a quick and easy way to display these forms on WordPress

  • groundhogg/form/fields/init

    This action hook is used to add form controls via hook. This hook is executed when all the controls of the form loaded. do_action( 'groundhogg/form/fields/init', $this ); This hook returns the object

  • groundhogg/form/embed/before

    This function is used to add custom code before the embedded code. Embedded code is the HTML code which users can copy and paste from other sites to Groundhogg's form builder. do_action(

  • groundhogg/form/shortcode/after

    This function is used to add custom code after the form shortcode is processed by the Groundhogg form builder. do_action( 'groundhogg/form/shortcode/after', $this ); This hook provides the object of

  • groundhogg/import/form/after

    This hook is used to add code after the import section on the tools page. do_action('groundhogg/import/form/after' );

  • groundhogg/form/embed/after

    This function is used to add custom code after the embedded code. Embedded code is the HTML code which users can copy and paste on other sites form groundhogg form builder. do_action(

  • groundhogg/import/form/before

    This hook is used to add code before the import section on the tools page. do_action('groundhogg/import/form/after' );

  • groundhogg/form/shortcode/before

    This function is used to add custom code before the form shortcode is processed by the Groundhogg form builder. do_action( 'groundhogg/form/shortcode/before', $this ); This hook provides the object

  • Connect Kadence Forms to Groundhogg

    Kadence is a premium WordPress theme that lets you visually build WordPress sites and uses blocks. The Kadence “Form” block allows the building and placement of forms on any page built with Kadence.

  • Custom Fields in Forms(Legacy)

    You can collect custom information about a contact using custom fields. As an example, add an "input" field in the form builder. Clicking the button will bring up the field UI where you can give your

  • groundhogg/admin/tags/add/form

    This hook is used to add custom code in the form of adding tags before the submit button on the tag page. do_action( 'groundhogg/admin/tags/add/form' );

  • Preventing Spam in Web Forms

    If your web forms are being spammed you can harden your site in a few ways to ensure only actual humans are entering your site. Marking Spammy Contacts as "Spam" By marking a contact as "spam" in

  • groundhogg/admin/tags/edit/form

    This hook is used to add custom code in the tag's edit page. do_action( 'groundhogg/admin/tags/edit/form', $id ); This hook provides tag ID as an argument to work with.

  • groundhogg/form/submission_handler/after

    This Groundhogg hook executes after the submission handler successfully handles the submission request. do_action( 'groundhogg/form/submission_handler/after', $submission, $contact, $this ); To use

  • Connect Google Forms to Groundhogg

    This guide will walk you through the process of integrating a Google Form with Groundhogg by sending form responses to Groundhogg’s Webhook Listener. Once connected, you can trigger automations,

  • Connect Breakdance Forms to Groundhogg

    Breakdance is a premium WordPress theme, and visual builder with 130+ built-in elements and deep WooCommerce integration. The Breakdance “Form Builder” block allows the building and placement of

  • Connect Brizy Forms to Groundhogg

    Brizy is a premium WordPress website builder that lets you visually build WordPress sites using elements. The Brizy “Form” block allows the building and placement of forms on any page built with

  • groundhogg/admin/contacts/add/form/tags

    This hook is used to add custom code after the segmentation section of the contact on the add contact page. do_action( 'groundhogg/admin/contacts/add/form/tags' );

  • groundhogg/admin/contacts/add/form/name

    This hook is used to add custom code after the name section of contact on the add contact page. do_action( 'groundhogg/admin/contacts/add/form/name' );

  • groundhogg/admin/contacts/add/form/notes

    This hook is used to add custom code in the Notes section of the contact on the add contact page. do_action( 'groundhogg/admin/contacts/add/form/notes' );

  • groundhogg/steps/benchmarks/form/extra_settings

    This action hook is used to add custom settings at the end of the form. do_action( 'groundhogg/steps/benchmarks/form/extra_settings' );

  • How to auto-fill web forms.

    If you would like a Groundhogg web form to be pre-filled with a contact's information you can do that! All you have to do is use a replacement code for the field value. In the form editor, click the

  • groundhogg/admin/contacts/add/form/after

    This hook is used to add extra code after the add contact from. do_action( 'groundhogg/admin/contacts/add/form/after' );

  • Connect Bricks Builder Forms to Groundhogg

    Bricks is a premium WordPress theme that lets you visually build performant WordPress sites and uses what are called elements. Elements are very similar to blocks. The Bricks’ “Form” element allows

  • groundhogg/admin/contacts/add/form/contact_info

    This hook is used to add custom code after the contact info section of contact on the add contact page. do_action( 'groundhogg/admin/contacts/add/form/contact_info' );

  • groundhogg/form/submission_handler/before_create_contact

    This hook is used to handle the data before contact is created by Groundhogg. do_action( 'groundhogg/form/submission_handler/before_create_contact', $args, $meta, $tags, $files, $this ); This hook

  • Preventing Spam in Web Forms with Google reCaptcha

    If you are experiencing a lot of spam coming through your web forms you can use Google reCaptcha to prevent bots from spamming your forms. How to Setup Google reCaptcha 1. Get your reCaptcha keys

  • Connect Formsite to Groundhogg

    This guide will walk you through the process of integrating Formsite with Groundhogg by setting up a webhook in Formsite to send form submission data to Groundhogg's Webhook Listener. This allows you

  • Elementor Integration: How to Connect to Groundhogg

    Elementor is a popular page builder plugin for WordPress which makes it easier to build beautiful pages. The Elementor PRO version of the plugin (which is a paid upgrade from Elementor free edition)