CF7 – Custom Fields

  • Resolved symbi0tic

    (@symbi0tic)


    4 years, 8 months ago

    Starting to work on the CF7 integration. I’m trying to use the custom fields but I’m having an issue where it won’t let me click the “Submit” button at the bottom of the WebbaBooking form. I tested out the sample form and it works and saves the appointment correctly.

    <p><label for="wbk-name">Your First Name (required)</label>[text* wbk-name class:wbk-text id:wbk-name]</p>
<p><label for="wbk-email">Your Email (required)</label>[text* wbk-email class:wbk-text id:wbk-email]</p>
<p><label for="wbk-phone">Your phone (required)</label>[text* wbk-phone class:wbk-text  id:wbk-phone]</p>
<p><label for="wbk-comment">Your comment</label>[textarea wbk-comment class:wbk-textarea id:wbk-comment]</p>
<p><label for="custom-field1">Custom field 1</label>[text* custom-field1 class:wbk-text  id:custom-field1]</p>
<p><label for="custom-field2">Custom field 2</label>[select custom-field2 id:custom-field2 class:wbk-select "option 1" "option 2" "option 3"]</p>
<p><label for="custom-field3">Custom field 3</label>[checkbox custom-field3 class:wbk-checkbox-custom id:custom-field3 "option1" "option2" ]</p>

    First, I was wondering if the name of the field matters? Does it have to be “wbk-name” for example? What is the significance of the id? And does the “label for=” have to be to “wbk-name” or can it to be to a different custom name?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author WebbaPlugins

    (@webba-agency)

    Hi,

    The required fields are wbk-name, wbk-phone, wbk-email. The names and IDs of other fields can be any. The IDs are used to identify the fields in the appointment custom data section and to assign labels to fields. Would you mind to share the code of your form, so that I can check what is wrong?

    Thread Starter symbi0tic

    (@symbi0tic)

    The “sliced_” form tag names are required for the Sliced Invoices + CF7 Plugin to work. If I’m not able to use both names, I may need to table the integration temporarily until I can find a way to modify the plugin(s) or find another approach.

    <div class="container">
  <div class="row">
    <div class="columns full">
      <div class="container">
        <div class="row">
          <div class="columns full">
            <div class="field">
              <p><label for="wbk-name">Name</label>[text sliced_client_name class:wbk-text id:wbk-name placeholder "Name"] </p>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="columns one-half">
            <div class="field">
              <p><label for="wbk-email">Email</label>[email* sliced_client_email class:wbk-text id:wbk-email placeholder "Email"]
              </p>
            </div>
          </div>
          <div class="columns one-half">
            <div class="field">
              <p><label for="wbk-phone">Phone</label>[tel* sliced_client_extra class:wbk-text id:wbk-phone placeholder "Phone"]
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="columns full">
            <div class="field">
              <p><label for="custom-field1">Address</label>[address_geo_autocomplete* sliced_client_address class:wbk-text id:custom-field1 placeholder "Address"]
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="columns full">
            <div class="field">
              <p><label for="custom-field2">Service</label>[text* sliced_title class:wbk-text id:custom-field2 placeholder "Service"]
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="columns full">
            <div class="field">
              <p><label for="wbk-comment">Details</label>[textarea* sliced_description x4 class:wbk-textarea id:wbk-comment placeholder "Details"]
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="columns full">
            <div class="field">
              <p><label for="custom-field2">Type</label>[hidden sliced_quote_or_invoice “quote” class:wbk-text id:custom-field3]
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
    Plugin Author WebbaPlugins

    (@webba-agency)

    Hi,

    Thank you for example. Now the problem is understood. In the current version of Webba it is not be possible to change the reserved names such us wbk-name, wbk-phone, wbk-email. We can fix this limitation in the next release scheduled on the next week.

    • This reply was modified 4 years, 8 months ago by WebbaPlugins.
    Plugin Author WebbaPlugins

    (@webba-agency)

    Hi,

    We have published the version 3.8.29 with the ability to set custom names for the general fields of the booking form. Please, update your Webba Booking. If you have any questions, please let us know.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CF7 – Custom Fields’ is closed to new replies.