Custom field in external Javascript

I had a similar problem using custom field values in a widget that used JavaScript. I wrote a tutorial explaining it. Try this code:

<?php 
global $post;
$cf = get_post_meta($post->ID, 'my_custom_field', true);     
?>

<button onclick="window.open(<?php echo json_encode($cf); ?>);">Click me</button>

Related Posts:

  1. Validating Custom Meta Box Values & Required Fields
  2. Using TinyMce with textareas in meta boxes on custom post types
  3. Unable to get Preview of Uploaded image within a Custom Meta box
  4. getEntityRecord without knowing the post type
  5. HTML / Javascript in custom field textarea?
  6. Store JSON in a custom field
  7. Why does this Quick Edit checkbox save the value only when unchecked?
  8. How to save a ToggleControl value in a meta field?
  9. How to update a meta field of type array in Gutenberg
  10. Add new image block, set default class name and update it using Javascript
  11. Manipulate javascript code from custom made admin page menu
  12. jQuery – Automatic event trigger does not **really** check my form
  13. Populate Javascript code with value from WordPress Custom Field?
  14. Meta field bulk editing no longer working in WP 6.0 [closed]
  15. Type character in name and make it invisble
  16. How can I duplicate “Add Custom Field” with just JavaScript?
  17. How can I copy value from dropdown once I select it to text area as text?
  18. Is there a way to read JSON data inside Custom Fields without editing PHP? [closed]
  19. Modal pop-up HTML code works on other sites or HTML viewers but not in the custom HTML block within a wordpress page?
  20. How to enable custom fields for pages (if not a bad practice)?
  21. Add a Jquery Datepicker to custom field in post edit
  22. How can I avoid re-inventing the Custom Fields wheel in my Plugin’s Metabox?
  23. Custom per-page sidebar widgets .. possible?
  24. Does wordpress have something like content-type?
  25. Order Posts by Closest Numeric Values
  26. How to get and edit custom fields if in Quick Edit
  27. Order posts by custom field and if custom field is empty return remaining posts
  28. Guest Author – How can I use custom fields to create guest author link?
  29. Create additional short URL with custom field and 301 redirect
  30. Create custom field on post draft or publish?
  31. enabling custom fields in admin?
  32. get_post_meta fields don’t show up on posts page
  33. Using custom fields in a filter hook
  34. Add a post meta key and value only if it does not exist on the post
  35. Function to change meta value in database for each post
  36. Include woocommerce custom field value in front-end search result
  37. WP_Meta_Query causing long-running MySQL queries
  38. trim custom field text value and show (…)
  39. Duplicate posts being displayed when querying Custom Fields
  40. How to validate custom field on lost password form before the user id field?
  41. MySQL Query that looks for post with Custom Field, then changes Category
  42. ACF: How to get the full field name (meta_key) by a field key?
  43. Woocommerce: Custom fields and email shortcodes, ec_custom_field
  44. Tweak Meta for Post to work it for Pages also
  45. Create Pop-Up Box with Custom Field Content Inside the Loop
  46. Adding an editable field to template?
  47. Transferring author information from a custom field to a proper author
  48. How to select posts from multiple categories and metavalues?
  49. modify wordpress caption shortcode
  50. Display URL in a Custom Field
  51. Linking Custom Fields to Database Records
  52. Stop sending email everytime I updates my post
  53. Best way to store everyday post views?
  54. Display custom field value as a hyperlink
  55. pre_get_posts : only get posts by wp_usermeta value
  56. Display list of terms having the same custom field value
  57. How to display custom field in woocommerce email orders? [closed]
  58. Custom meta is not being saved
  59. IF Custom field value equals ZERO
  60. Custom Field Repeating When Using foreach
  61. How can I activate custom fields checkbox in pages?
  62. Can I save post meta programatically without setting metaboxes?
  63. How to add a css class to custom field value?
  64. Show custom field on attachment page?
  65. Help setting up a sql query
  66. Advanced Custom fields not available yet during publish_page action
  67. Meta box values are displayed on Custom Fields list. Is it possible to hide them?
  68. Sort posts by custom field value
  69. WP Insert post with post_thumbnail
  70. if statement display content even though no data
  71. How to pass custom field value to shortcode?
  72. custom comment_form fields not displaying
  73. WP_Query () using taxonomy, custom post types
  74. Ordering by ‘Title’ OR ‘Custom Field’
  75. How can I add/update post meta in a admin menu page?
  76. Get custom post fields from multiple metaboxes
  77. Get author total post votes from post meta
  78. use custom field value as post category in loop
  79. Searching with Multiple (Parallel) Criteria on Custom Fields?
  80. Save custom field types with this function…?
  81. Compare ACF date field (if exists) and post date and order DESC
  82. Add WordPress user custom meta to chartjs vertically stacked chart in Divi theme
  83. Shortcode for Custom Field of Media Attachment (to use with Featured Images)
  84. non-unique #_ajax_nonce id in browser console
  85. Delete a custom field in mysql for all posts with specific category id
  86. Trying to get custom field data in a simple plugin
  87. Sort columns in the ‘Pages’ dashboard overview
  88. Create Meta boxes dynamically
  89. Outputting custom field on home.php not outside of blog list
  90. I have a form with a custom button ,i want to add the field data to an database when clicking the custom button
  91. Add Image With Changeable Link in Custom Field [closed]
  92. Create download page from post option link
  93. How to filter post using custom feild value in shortest and longest duration?
  94. Turn Current Date in Custom Field Ouput Green or Red
  95. list pages by custom_field?
  96. Get custom field from page, in a post?
  97. Make Custom Fields Public in JSON – API
  98. Advenced custom fields auto fill problem
  99. Truncating characters in Advanced Custom Fields works some places but not others?
  100. How to add an ACF only for parent term?