Embeddable Penguin

The Embeddable Penguin contact form allows your website's visitors to request assistance in finding commercial insurance for their businesses. It is a self-contained, self-validating form you embed directly into your existing web page. It co-exists within your existing front-end web frameworks and is customizable via cascading style sheets (CSS).


After completing the prerequisites, you will need to modify the HTML document for your page to include the following:

  • <script> element to include the embeddable-penguin.min.js application code.
  • <embeddable-penguin> element at the point the form should appear in your page.

Element Parameters


  • client_id
    • You will be assigned a unique client_id for each of our environments. The client_id is your identifier within the Bold Penguin Exchange.
    • Type: String
    • Required: Yes
  • answers
    • You can pre-populate answers to the form questions using an in-line JSON document.
    • Type: JSON String
    • Required: No
  • show_text
    • Turn on field labels for the form
    • Type: Boolean String ("True"/"False")
    • Required: No
  • custom_success_template
    • The URI of a file containing the HTML snippet that replaces the default success message.
    • Type: URI string
    • Required: No
  • custom_error_template
    • The URI of a file containing the HTML snippet that replaces the default error message.
    • Type: URI string
    • Required: No


<!doctype html>
<html lang="en">

    <script src="https://cdn.boldpenguin.com/embeddable-penguin.min.js"></script>
    <meta charset="utf-8">
    <base href="/">

    <h2>Contact us for assistance getting commercial insurance!</h2>
    <embeddable-penguin client_id="LuW5x2Rd6dq848fkaj3eZah1NFw41nab" />

results matching ""

    No results matching ""