Version 2.0 – Add shortcode UI, field detection, copy-to-clipboard button

Author: danielgoulyk

acf-dynamic-shortcodes.php

@@ -1,8 +1,8 @@
 <?php
 /**
  * Plugin Name: ACF Dynamic Shortcodes
- * Description: Dynamically register shortcodes for ACF fields from a selected page.
- * Version: 1.1
+ * Description: Dynamically register shortcodes for ACF fields from a selected page using a clean admin interface.
+ * Version: 2.0
  * Author: Daniel Goulyk (danielgoulyk.com)
  */
 
@@ -17,30 +17,30 @@ function acfds_acf_check() {
     return true;
 }
 
-// 1. Register plugin settings
+// Register plugin settings
 function acfds_register_settings() {
     if (!acfds_acf_check()) return;
 
     add_option('acfds_page_id', '');
-    add_option('acfds_shortcode_map', '');
+    add_option('acfds_shortcode_custom', []);
     register_setting('acfds_settings_group', 'acfds_page_id');
-    register_setting('acfds_settings_group', 'acfds_shortcode_map');
+    register_setting('acfds_settings_group', 'acfds_shortcode_custom');
 }
 add_action('admin_init', 'acfds_register_settings');
 
-// 2. Admin settings page
+// Admin settings page
 function acfds_settings_page() {
     if (!acfds_acf_check()) return;
 
+    $selected_page = get_option('acfds_page_id');
+    $shortcode_map = get_option('acfds_shortcode_custom');
     ?>
     <div class="wrap">
         <h1>ACF Dynamic Shortcodes</h1>
         <form method="post" action="options.php">
             <?php
             settings_fields('acfds_settings_group');
             do_settings_sections('acfds_settings_group');
-            $selected_page = get_option('acfds_page_id');
-            $shortcode_map = get_option('acfds_shortcode_map');
             ?>
             <table class="form-table">
                 <tr valign="top">
@@ -56,44 +56,84 @@ function acfds_settings_page() {
                             }
                             ?>
                         </select>
-                    </td>
-                </tr>
-                <tr valign="top">
-                    <th scope="row">Shortcode to ACF Field Mapping</th>
-                    <td>
-                        <textarea name="acfds_shortcode_map" rows="10" cols="50" placeholder="Example:&#10;price_basic = starting_price_basic&#10;price_pro = starting_price_pro"><?php echo esc_textarea($shortcode_map); ?></textarea>
-                        <p class="description">Format: <code>shortcode_name = acf_field_name</code>, one per line.</p>
+                        <p class="description"><strong>Note:</strong> This is the page where your ACF fields live. Values from this page will be used to populate shortcodes across your entire site.</p>
                     </td>
                 </tr>
             </table>
+
+            <?php if ($selected_page): ?>
+                <h2>Shortcode Mapping</h2>
+                <table class="widefat">
+                    <thead>
+                        <tr>
+                            <th>ACF Field Name</th>
+                            <th>Shortcode Name</th>
+                            <th>Copy</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <?php
+                        $fields = get_fields($selected_page);
+                        if ($fields) {
+                            foreach ($fields as $field_name => $val) {
+                                $shortcode = $shortcode_map[$field_name] ?? '';
+                                echo "<tr>
+                                    <td><code>{$field_name}</code></td>
+                                    <td><input type='text' name='acfds_shortcode_custom[{$field_name}]' value='{$shortcode}' /></td>
+                                    <td>";
+                                if ($shortcode) {
+                                    echo "<button type='button' class='button copy-button' data-copy='[{$shortcode}]'>Copy</button>";
+                                }
+                                echo "</td>
+                                </tr>";
+                            }
+                        } else {
+                            echo "<tr><td colspan='3'><em>No ACF fields found on this page.</em></td></tr>";
+                        }
+                        ?>
+                    </tbody>
+                </table>
+            <?php endif; ?>
+
             <?php submit_button(); ?>
         </form>
     </div>
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            const buttons = document.querySelectorAll('.copy-button');
+            buttons.forEach(button => {
+                button.addEventListener('click', () => {
+                    const shortcode = button.dataset.copy;
+                    navigator.clipboard.writeText(shortcode).then(() => {
+                        button.innerText = 'Copied!';
+                        setTimeout(() => button.innerText = 'Copy', 1500);
+                    });
+                });
+            });
+        });
+    </script>
     <?php
 }
 function acfds_register_settings_page() {
     add_options_page('ACF Dynamic Shortcodes', 'ACF Shortcodes', 'manage_options', 'acfds-settings', 'acfds_settings_page');
 }
 add_action('admin_menu', 'acfds_register_settings_page');
 
-// 3. Register dynamic shortcodes if ACF is present
+// Register dynamic shortcodes if ACF is present
 function acfds_register_dynamic_shortcodes() {
     if (!acfds_acf_check()) return;
 
     $page_id = get_option('acfds_page_id');
-    $mapping = get_option('acfds_shortcode_map');
-
-    if (!$page_id || !$mapping) return;
-
-    $lines = explode("\n", $mapping);
+    $custom_map = get_option('acfds_shortcode_custom');
 
-    foreach ($lines as $line) {
-        if (strpos($line, '=') === false) continue;
+    if (!$page_id || !is_array($custom_map)) return;
 
-        [$shortcode, $field] = array_map('trim', explode('=', $line, 2));
+    foreach ($custom_map as $field_name => $shortcode) {
+        $shortcode = trim($shortcode);
+        if (!$shortcode) continue;
 
-        add_shortcode($shortcode, function() use ($field, $page_id) {
-            $value = get_field($field, $page_id);
+        add_shortcode($shortcode, function() use ($field_name, $page_id) {
+            $value = get_field($field_name, $page_id);
             if (!$value) return 'Enquire for pricing';
             if (strpos($value, '$') === 0) return $value;
             return '$' . $value;