Skip to main content

How can I use my own form handler?

Comments

3 comments

  • Ariel H.

    Hi Rolf,

    Thank you for contacting us.

    Unfortunately, this approach won't work in the Brizy form element.

    Our recommended approach is to use the embed element and paste the Pardot embed code to your site.
    https://support.brizy.io/hc/en-us/articles/360031340292-Embed

    For more information, please refer to the following articles:
    https://www.salesforceben.com/the-drip/embed-pardot-forms-on-your-website-using-iframe/
    https://thespotforpardot.com/2020/10/04/the-right-way-to-embed-a-pardot-form-on-a-website/

    Please try this and let me know how it goes.

    Best regards,
    Ariel H.

    0
  • Rolf Hornasek

    Hi Ariel,

    thanks, this was our intention. We just use the HTML code and update the form handler within the action attribute <form action="/action_page.php" method="get"> like below. Below code was taken from a published Brizy form where we would replace the action attribute with the Pardot form handler URL. This way we can use the Brizy form to design the form, copy its HTML code, update the action attribute, and publish it within an embed element.

    <form class="brz-form brz-d-xs-flex brz-flex-xs-wrap" action="https://www.myleads.website/form/submit" novalidate="" data-form-id="likcabztssnoiwtqxritjjglojqfrojdvmwx" data-project-id="14530766" data-success="" data-error="" data-redirect="">[I removed the form fields for this example]</form>

    If there is any simpler way to update the action attribute please let me know.

    Best regards,

    Rolf

    0
  • Ariel H.

    Hi Rolf,

    Thank you for the update.

    It can be possible to change this; however, this will require custom code to change the form's behavior.

    It's easier to create an HTML form, style it with CSS and use the embed element to add the form into your website.

    <form method="POST" action= "/action_page.php" method="get" >
      <label for="name">Name:</label>
      <input type="text" id="name" name="name" required>

      <label for="subject">Subject:</label>
      <input type="text" id="subject" name="subject" required>

      <label for="message">Message:</label>
      <textarea id="message" name="message" rows="4" required></textarea>

      <button type="submit">Submit</button>
    </form>

    If you have any further questions, please let us know.

    Best regards,
    Ariel H.

    0

Please sign in to leave a comment.