How to Add Google Drive ACF Field to Product Pages in Dokan?

How to Add Google Drive ACF Field to Product Pages in Dokan?

Integrating a Google Drive Advanced Custom Fields (ACF) field into your Dokan product pages can significantly enhance the functionality and user experience of your multi-vendor marketplace.

This feature allows sellers to easily link to or embed files from Google Drive directly on their product pages, providing customers with additional information, manuals, product guides, or any relevant documents.

This documentation is designed to be straightforward and user-friendly, ensuring that even those with minimal technical background can successfully implement this feature.

Add Google Drive ACF Field to Product Pages in Dokan

Follow the steps below to add the Google Drive ACF field to the product page in Dokan. We tried to describe the steps as simply as we could.

Step 1: Plugin Installation

Begin the integration process by installing the necessary plugins:

Step 2: Enabling Integrations

Enable the necessary integrations for seamless operation:

  • Navigating to Integration Settings
    • Go to Google Drive > Settings > Integrations in your WordPress Dashboard.
  • Activating Integrations
    • Enable ACF, WooCommerce, and Dokan integrations.
    • Save Changes.

Step 3: Adding ACF Google Drive Custom Field

Create and configure a custom field for Google Drive files:

  • Creating a New Field
    • In the WordPress Dashboard, navigate to ACF > Fields and click on Add New.
  • Configuring the Field
    • Field Type: Choose “Google Drive Files”.
    • Field Label: Enter a label for display on the edit page.
    • Field Name: Specify a unique identifier.
    • Allow Vendor Edit: Enable editing for vendors.
    • Show Field: Set visibility for products under Location Rules.
    • Finalizing Field Creation
    • Save Changes.

Step 4: Viewing the Output

Check how the Google Drive field integrates with the product edit page:

  • Accessing the Vendor Dashboard
    • Navigate to the Dokan Vendor Dashboard.
  • Editing a Product
    • Go to Products > Edit to modify a product.
  • Using the Google Drive Field
    • Locate the Google Drive field for file uploads within the product edit interface.

 

This setup enhances your site by enabling the management of Google Drive files directly within WordPress products, offering a streamlined experience for both vendors and administrators.