Dynamic Content: whatsapp custom URL for products

To create a dynamic WhatsApp link using Elementor Pro and Advanced Custom Fields, follow these steps:

1. Create a new custom field group for the WhatsApp phone number:
   • Go to Custom Fields > Add New in your WordPress admin dashboard.
   • Enter a title for the field group, e.g., «Product WhatsApp Link.»
   • Click «Add Field» and set the Field Label as «Phone Number» and the Field Name as «phone_number.»
   • Choose the Field Type as «Text.»
   • (Optional) Set the Placeholder text as «YOUR_PHONE_NUMBER>» or your desired phone number format.
   • In the «Location» section, set the rule to «Post Type» «is equal to» «Product.»
   • Click «Publish» to save the field group.
2. Add the phone number to your products:
   • Go to the product editing page in WooCommerce.
   • Scroll down to the «Product WhatsApp Link» section.
   • Enter the phone number you want to use for this product.
   • Update the product.
3. Create a new custom field group for the dynamic WhatsApp link:
   • Go to Custom Fields > Add New in your WordPress admin dashboard.
   • Enter a title for the field group, e.g., «Dynamic WhatsApp Link.»
   • Click «Add Field» and set the Field Label as «WhatsApp Link» and the Field Name as «whatsapp_link.»
   • Choose the Field Type as «Text.»
   • Set the «Default Value» to the following, keeping «{$product_url}» as a placeholder that we will replace later:

     https://api.whatsapp.com/send/?phone=YOUR_PHONE_NUMBER&text=estoy+interesa@+en+este+producto:{$product_url}&type=phone_number&app_absent=0

   • In the «Location» section, set the rule to «Post Type» «is equal to» «Product.»
   • In the «Location» section, set the rule to «Post Type» «is equal to» «Post.»
   • Click «Publish» to save the field group.
4. To replace the «{$product_url}» placeholder with the actual product URL, you need to add a filter to your theme’s functions.php file:
   1. Open your theme’s functions.php file (or create a child theme and edit its functions.php file).
   2. Add the following code snippet:

      add_filter('acf/load_value/name=whatsapp_link', 'replace_product_url_placeholder', 10, 3);
      
      function replace_product_url_placeholder($value, $post_id, $field) {
          $product_url = get_permalink($post_id);
          return str_replace('{$product_url}', $product_url, $value);
      }