Bit Assist Menu Icon

Breakdance Zero Theme

Advanced Custom Fields (ACF) Integrations

Estimated reading: 4 minutes 0 views

Bit Form Integration With ACF

ACF Integration allows you to easily add advance custom fields to your website & integrate them with Bit Form fields. This ACF integration makes it possible to create custom post types & custom fields & let us collect data & manage those with Bit Form. Using a simple ACF setup you can now create any post via Bit Form submission.This integrations makes it convenient for the admin panel to visualize large amount of data more preciously. The possibilities are endless, and we are sure that you will find this documentation useful.

Create custom post type & fields using ACF plugin :

Here, we will demonstrate an example of Photo Album to show how you can integrate custom advanced fields with Bit Form fields. Follow the below instructions:

1. For the ACF integration, make sure you have installed the ACF plugin successfully on your WordPress dashboard.

2. Create a post type according to your preference. Here we have already created a type Photo Albums. Also created categories- Travel & Festival

3. As we have created Photo Albums as a custom post type earlier, we will create some custom fields under the type.

4. Navigate to the Custom Fields & click on Add New to create a field group under your post type. Then set a name for the field group. Here we have created a new field group called Photo Album.

5. Create your required fields from the option Add Fields. Give the necessary credentials like – Field labelField NameField Type etc, basically which are required for your use case.

6. For the demonstration purpose, we have creates three fields – Event locationGallery & Event Date.

7. Now, click on Publish/Update to save the fields settings.

note-icon-bit-apps  Note

All the field settings you have to set are related to your custom post type. Here we have shown you some demo field settings

Create a form using Bit Form:

It’s time to create a form using Bit Form where you have to integrate the ACF fields created in the earlier steps.

1. After the ACF settings, navigate to Bit Form & click on Create Form. Then select Blank form.

2. Drag & Drop a text field & name it as Post Title. Then select the other fields from the toolbar related to the custom fields you have created on ACF & set the fields settings similar to ACF settings. Here we have taken three fields – Drop-down field, File upload field & Text field & named those as Event LocationGallery, & Event Date.

note-icon-bit-apps  Note

When you import any tag using the drop-down menu you can enable the option “Use Post Taxonomy Fields”. This option will automatically tag the post from the form fields

3. After completing all the field settings, save the form.

Integration Settings:

After finishing the for creation part , move to the integration part where you have to map ACF fields with Bit Form fields to create a post via form submission.

1. Follow the path: Settings => Integrations => Click on (+) => Click on ACF.

2. After navigate to the integration page, select the Post Type you have created for the integration. For example we have selected Photo Album as post type.

3. Now , select Post StatusAuthor & Comment Status according to the requirement.

4. For the field mapping option you have to configure three types of mapping –

  • At first map the form fields with the general/default post fields.
  • Then map the form fields with the related “ACF fields”.
    • Note: Right now, Bit Form doesn’t support all the ACF fields
  • Lastly map the file upload field.

5. Save all the integration settings

note-icon-bit-apps  Note

Make sure ACF field type & Bit Form field type have to be same

6. After completing the settings, you have to set the conditions when this integration works. Don’t forget to specify the integration name; otherwise, the integration will not work correctly. Here we have set the condition that – every time when records are created/ edited, on form submission the integration will be triggered. At last click on Update button.

7. Now, whenever a user will submit the data it will be posted as content on the created custom post type option. Admin can edit those data if needed. Also all the submitted data will be stored on the Form Responses page. Admin can view & manage those data.

Share this Doc