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).

Implementation

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

embeddable-penguin

  • 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

Example

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

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

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

results matching ""

    No results matching ""