{"id":177376,"date":"2026-03-27T15:39:07","date_gmt":"2026-03-27T14:39:07","guid":{"rendered":"https:\/\/undsgn.com\/uncode\/?page_id=177376"},"modified":"2026-03-27T15:39:07","modified_gmt":"2026-03-27T14:39:07","slug":"advanced-custom-fields","status":"publish","type":"page","link":"https:\/\/test.julienlepretre.fr\/index.php\/features\/advanced-custom-fields\/","title":{"rendered":"ACF Integration"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=\u00a0\u00bb100&Prime; override_padding=\u00a0\u00bbyes\u00a0\u00bb h_padding=\u00a0\u00bb2&Prime; top_padding=\u00a0\u00bb7&Prime; bottom_padding=\u00a0\u00bb7&Prime; back_color=\u00a0\u00bbcolor-wayh\u00a0\u00bb back_image=\u00a0\u00bb176148&Prime; back_image_auto=\u00a0\u00bbyes\u00a0\u00bb back_image_option=\u00a0\u00bbacf\u00a0\u00bb acf_field_group=\u00a0\u00bb177386&Prime; acf_field_from_177386=\u00a0\u00bbfield_69c699c854b49&Prime; back_position=\u00a0\u00bbcenter bottom\u00a0\u00bb parallax=\u00a0\u00bbyes\u00a0\u00bb overlay_color=\u00a0\u00bbcolor-jevc\u00a0\u00bb overlay_alpha=\u00a0\u00bb20&Prime; gutter_size=\u00a0\u00bb4&Prime; column_width_percent=\u00a0\u00bb100&Prime; shift_y=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; enable_bottom_divider=\u00a0\u00bbdefault\u00a0\u00bb bottom_divider=\u00a0\u00bbgradient\u00a0\u00bb shape_bottom_h_use_pixel=\u00a0\u00bbtrue\u00a0\u00bb shape_bottom_height_percent=\u00a0\u00bb100&Prime; shape_bottom_color=\u00a0\u00bbcolor-jevc\u00a0\u00bb shape_bottom_opacity=\u00a0\u00bb100&Prime; shape_bottom_index=\u00a0\u00bb0&Prime; content_parallax=\u00a0\u00bb0&Prime; uncode_shortcode_id=\u00a0\u00bb112879&Prime; back_color_type=\u00a0\u00bbuncode-palette\u00a0\u00bb overlay_color_type=\u00a0\u00bbuncode-palette\u00a0\u00bb shape_bottom_color_type=\u00a0\u00bbuncode-palette\u00a0\u00bb][vc_column column_width_percent=\u00a0\u00bb100&Prime; position_horizontal=\u00a0\u00bbleft\u00a0\u00bb position_vertical=\u00a0\u00bbmiddle\u00a0\u00bb gutter_size=\u00a0\u00bb2&Prime; style=\u00a0\u00bbdark\u00a0\u00bb overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; medium_width=\u00a0\u00bb4&Prime; mobile_width=\u00a0\u00bb0&Prime; width=\u00a0\u00bb1\/2&Prime; uncode_shortcode_id=\u00a0\u00bb204228&Prime;][uncode_flexbox gap=\u00a0\u00bb18px\u00a0\u00bb][vc_custom_heading auto_text=\u00a0\u00bbacf\u00a0\u00bb acf_field_group=\u00a0\u00bb177386&Prime; acf_field_from_177386=\u00a0\u00bbfield_69c699ed54b4b\u00a0\u00bb text_size=\u00a0\u00bbfontsize-160000&Prime; text_transform=\u00a0\u00bbuppercase\u00a0\u00bb badge_style=\u00a0\u00bbyes\u00a0\u00bb radius=\u00a0\u00bbxl\u00a0\u00bb uncode_shortcode_id=\u00a0\u00bb622439&Prime; back_color_type=\u00a0\u00bbuncode-solid\u00a0\u00bb back_color_solid=\u00a0\u00bbrgba(255,255,255,0.2)\u00a0\u00bb]This is a custom heading element.[\/vc_custom_heading][vc_custom_heading auto_text=\u00a0\u00bbacf\u00a0\u00bb acf_field_group=\u00a0\u00bb177386&Prime; acf_field_from_177386=\u00a0\u00bbfield_69c699fd54b4c\u00a0\u00bb text_size=\u00a0\u00bbfontsize-160000&Prime; text_transform=\u00a0\u00bbuppercase\u00a0\u00bb badge_style=\u00a0\u00bbyes\u00a0\u00bb radius=\u00a0\u00bbxl\u00a0\u00bb back_color_type=\u00a0\u00bbuncode-solid\u00a0\u00bb back_color_solid=\u00a0\u00bbrgba(255,255,255,0.2)\u00a0\u00bb uncode_shortcode_id=\u00a0\u00bb174942&Prime;]This is a custom heading element.[\/vc_custom_heading][vc_custom_heading auto_text=\u00a0\u00bbacf\u00a0\u00bb acf_field_group=\u00a0\u00bb177386&Prime; acf_field_from_177386=\u00a0\u00bbfield_69c69a0354b4d\u00a0\u00bb text_size=\u00a0\u00bbfontsize-160000&Prime; text_transform=\u00a0\u00bbuppercase\u00a0\u00bb badge_style=\u00a0\u00bbyes\u00a0\u00bb radius=\u00a0\u00bbxl\u00a0\u00bb back_color_type=\u00a0\u00bbuncode-solid\u00a0\u00bb back_color_solid=\u00a0\u00bbrgba(255,255,255,0.2)\u00a0\u00bb uncode_shortcode_id=\u00a0\u00bb172667&Prime;]This is a custom heading element.[\/vc_custom_heading][\/uncode_flexbox][vc_empty_space empty_h=\u00a0\u00bb1&Prime;][vc_custom_heading auto_text=\u00a0\u00bbacf\u00a0\u00bb acf_field_group=\u00a0\u00bb177386&Prime; acf_field_from_177386=\u00a0\u00bbfield_69c6992c54b47&Prime; text_size=\u00a0\u00bbfontsize-155944&Prime; text_space=\u00a0\u00bbfontspace-111509&Prime; uncode_shortcode_id=\u00a0\u00bb437209&Prime;]This is a custom heading element.[\/vc_custom_heading][vc_column_text auto_text=\u00a0\u00bbacf\u00a0\u00bb acf_field_group=\u00a0\u00bb177386&Prime; acf_field_from_177386=\u00a0\u00bbfield_69c699e254b4a\u00a0\u00bb text_lead=\u00a0\u00bbyes\u00a0\u00bb uncode_shortcode_id=\u00a0\u00bb169739&Prime;]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][vc_empty_space][uncode_button dynamic=\u00a0\u00bbacf\u00a0\u00bb acf_field_group_text=\u00a0\u00bb177386&Prime; acf_field_from_177386_text=\u00a0\u00bbfield_69c69a0954b4e\u00a0\u00bb acf_field_group_url=\u00a0\u00bb177386&Prime; acf_field_from_177386_url=\u00a0\u00bbfield_69c69a2354b4f\u00a0\u00bb size=\u00a0\u00bbbtn-custom-size\u00a0\u00bb radius=\u00a0\u00bbbtn-round\u00a0\u00bb custom_typo=\u00a0\u00bbyes\u00a0\u00bb font_family=\u00a0\u00bbfont-377884&Prime; font_weight=\u00a0\u00bb600&Prime; letter_spacing=\u00a0\u00bbfontspace-111509&Prime; btn_border_width=\u00a0\u00bb2&Prime; icon_src=\u00a0\u00bbpreset\u00a0\u00bb icon_preset=\u00a0\u00bbplus\u00a0\u00bb icon_wrpr=\u00a0\u00bbrounded\u00a0\u00bb icon_position=\u00a0\u00bbbefore\u00a0\u00bb icon_gap=\u00a0\u00bb18px\u00a0\u00bb icon_rotation=\u00a0\u00bb0&Prime; icon_animation=\u00a0\u00bbrotate\u00a0\u00bb button_hover_solid=\u00a0\u00bbrgba(0,0,0,0.05)\u00a0\u00bb icon_hover_solid=\u00a0\u00bb#ffffff\u00a0\u00bb icon_wrapper_hover_solid=\u00a0\u00bb#bd4018&Prime; btn_hover=\u00a0\u00bbyes\u00a0\u00bb btn_scale=\u00a0\u00bbyes\u00a0\u00bb padding_x=\u00a0\u00bb1.5em\u00a0\u00bb padding_y=\u00a0\u00bb1.5em\u00a0\u00bb button_color_type=\u00a0\u00bbuncode-solid\u00a0\u00bb button_color_solid=\u00a0\u00bb#bd4018&Prime; button_hover_type=\u00a0\u00bbuncode-solid\u00a0\u00bb button_text_color_type=\u00a0\u00bbuncode-solid\u00a0\u00bb button_text_color_solid=\u00a0\u00bb#ffffff\u00a0\u00bb button_text_hover_type=\u00a0\u00bbuncode-solid\u00a0\u00bb button_border_hover_type=\u00a0\u00bbuncode-solid\u00a0\u00bb icon_hover_type=\u00a0\u00bbuncode-solid\u00a0\u00bb icon_wrapper_color_type=\u00a0\u00bbuncode-solid\u00a0\u00bb icon_wrapper_color_solid=\u00a0\u00bbrgba(255,255,255,0.15)\u00a0\u00bb icon_wrapper_hover_type=\u00a0\u00bbuncode-solid\u00a0\u00bb uncode_shortcode_id=\u00a0\u00bb176942&Prime; custom_size=\u00a0\u00bb17px\u00a0\u00bb icon_color_type=\u00a0\u00bbuncode-solid\u00a0\u00bb icon_color_solid=\u00a0\u00bb#ffffff\u00a0\u00bb button_border_color_type=\u00a0\u00bbuncode-solid\u00a0\u00bb button_border_color_solid=\u00a0\u00bb#bd4018&Prime; el_class=\u00a0\u00bbun-bg-blur-sm\u00a0\u00bb]Add Project[\/uncode_button][\/vc_column][vc_column column_width_percent=\u00a0\u00bb100&Prime; position_vertical=\u00a0\u00bbmiddle\u00a0\u00bb gutter_size=\u00a0\u00bb3&Prime; overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; medium_width=\u00a0\u00bb4&Prime; mobile_width=\u00a0\u00bb0&Prime; width=\u00a0\u00bb1\/2&Prime; uncode_shortcode_id=\u00a0\u00bb155221&Prime;][vc_single_image dynamic=\u00a0\u00bbyes\u00a0\u00bb dynamic_source=\u00a0\u00bbacf\u00a0\u00bb acf_field_group=\u00a0\u00bb177386&Prime; acf_field_from_177386=\u00a0\u00bbfield_69c6999d54b48&Prime; media_width_percent=\u00a0\u00bb100&Prime; media_ratio=\u00a0\u00bbone-one\u00a0\u00bb shape=\u00a0\u00bbimg-round\u00a0\u00bb radius=\u00a0\u00bbxl\u00a0\u00bb shadow=\u00a0\u00bbyes\u00a0\u00bb shadow_weight=\u00a0\u00bblg\u00a0\u00bb shadow_darker=\u00a0\u00bbyes\u00a0\u00bb advanced=\u00a0\u00bbyes\u00a0\u00bb media_overlay_opacity=\u00a0\u00bb50&Prime; media_overlay_anim=\u00a0\u00bbno\u00a0\u00bb media_text_anim=\u00a0\u00bbno\u00a0\u00bb media_image_anim=\u00a0\u00bbscroll\u00a0\u00bb media_image_scroll=\u00a0\u00bbboth\u00a0\u00bb media_image_scroll_val=\u00a0\u00bb3&Prime; media_padding=\u00a0\u00bb2&Prime; uncode_shortcode_id=\u00a0\u00bb137301&Prime;][\/vc_column][\/vc_row][vc_row row_height_percent=\u00a0\u00bb0&Prime; override_padding=\u00a0\u00bbyes\u00a0\u00bb h_padding=\u00a0\u00bb2&Prime; top_padding=\u00a0\u00bb7&Prime; bottom_padding=\u00a0\u00bb7&Prime; overlay_alpha=\u00a0\u00bb50&Prime; gutter_size=\u00a0\u00bb3&Prime; column_width_percent=\u00a0\u00bb100&Prime; shift_y=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; content_parallax=\u00a0\u00bb0&Prime; uncode_shortcode_id=\u00a0\u00bb150840&Prime;][vc_column column_width_percent=\u00a0\u00bb100&Prime; gutter_size=\u00a0\u00bb3&Prime; overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; medium_width=\u00a0\u00bb0&Prime; mobile_width=\u00a0\u00bb0&Prime; width=\u00a0\u00bb1\/1&Prime; uncode_shortcode_id=\u00a0\u00bb175495&Prime;][vc_row_inner][vc_column_inner column_width_percent=\u00a0\u00bb100&Prime; gutter_size=\u00a0\u00bb2&Prime; overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; medium_width=\u00a0\u00bb0&Prime; mobile_width=\u00a0\u00bb0&Prime; width=\u00a0\u00bb1\/1&Prime; uncode_shortcode_id=\u00a0\u00bb574722&Prime;][vc_custom_heading text_size=\u00a0\u00bbh1&Prime; sub_reduced=\u00a0\u00bbyes\u00a0\u00bb text_align=\u00a0\u00bbtext-center\u00a0\u00bb text_serif=\u00a0\u00bb\u00a0\u00bb text_uppercase=\u00a0\u00bb\u00a0\u00bb el_class=\u00a0\u00bbdemo-heading\u00a0\u00bb uncode_shortcode_id=\u00a0\u00bb221531&Prime;]ACF in Posts Module[\/vc_custom_heading][vc_column_text uncode_shortcode_id=\u00a0\u00bb955646&Prime;]In this example, ACF injects dynamic data directly into the Posts module. For these cameras, we are showcasing dynamic fields like lens type, aperture, sensor, weight, and brand logo, plus a custom badge. This integration works seamlessly across any Post Type, including products, portfolios, and blog posts.[\/vc_column_text][vc_empty_space empty_h=\u00a0\u00bb1&Prime;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner column_width_percent=\u00a0\u00bb100&Prime; gutter_size=\u00a0\u00bb3&Prime; font_family=\u00a0\u00bbfont-161747&Prime; overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; medium_width=\u00a0\u00bb0&Prime; mobile_width=\u00a0\u00bb0&Prime; width=\u00a0\u00bb1\/1&Prime; uncode_shortcode_id=\u00a0\u00bb174803&Prime;][uncode_index el_id=\u00a0\u00bbindex-208697&Prime; index_type=\u00a0\u00bbcss_grid\u00a0\u00bb loop=\u00a0\u00bbsize:3|order_by:date|post_type:product|taxonomy_count:10&Prime; grid_items=\u00a0\u00bb3&Prime; screen_lg_items=\u00a0\u00bb3&Prime; screen_lg_breakpoint=\u00a0\u00bb1000&Prime; screen_md_items=\u00a0\u00bb1&Prime; screen_md_breakpoint=\u00a0\u00bb600&Prime; screen_sm_items=\u00a0\u00bb1&Prime; screen_sm_breakpoint=\u00a0\u00bb480&Prime; gutter_size=\u00a0\u00bb2&Prime; css_grid_equal_height=\u00a0\u00bbyes\u00a0\u00bb css_grid_equal_height_bottom=\u00a0\u00bbyes\u00a0\u00bb product_items=\u00a0\u00bbmedia|featured|onpost|original|hide-sale|inherit-atc|inherit-w-atc|atc-typo-default|hide-atc,title|-,price|default|h3%20font-weight-300,spacer|half,acf_group_177406|show_label|relative,acf_group_177414|hide_label|relative,spacer_two|half,add_to_cart|round|default_size|fluid_width|default_outline,acf_group_177833|hide_label|over_image\u00a0\u00bb css_grid_images_size=\u00a0\u00bbfive-four\u00a0\u00bb single_back_color=\u00a0\u00bbcolor-xsdn\u00a0\u00bb single_shape=\u00a0\u00bbround\u00a0\u00bb single_overlay_opacity=\u00a0\u00bb50&Prime; single_overlay_anim=\u00a0\u00bbno\u00a0\u00bb single_text_visible=\u00a0\u00bbyes\u00a0\u00bb single_text_anim=\u00a0\u00bbno\u00a0\u00bb single_image_anim=\u00a0\u00bbno\u00a0\u00bb single_padding=\u00a0\u00bb2&Prime; single_title_family=\u00a0\u00bbfont-161747&Prime; single_title_dimension=\u00a0\u00bbh3&Prime; single_title_weight=\u00a0\u00bb600&Prime; single_title_space=\u00a0\u00bbfontspace-111509&Prime; uncode_shortcode_id=\u00a0\u00bb115077&Prime;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>With Uncode, you can leverage ACF to manage dynamic data and populate your templates automatically, thanks to the seamless integration with our native modules.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":125,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-177376","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.julienlepretre.fr\/index.php\/wp-json\/wp\/v2\/pages\/177376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.julienlepretre.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.julienlepretre.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.julienlepretre.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.julienlepretre.fr\/index.php\/wp-json\/wp\/v2\/comments?post=177376"}],"version-history":[{"count":0,"href":"https:\/\/test.julienlepretre.fr\/index.php\/wp-json\/wp\/v2\/pages\/177376\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/test.julienlepretre.fr\/index.php\/wp-json\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"https:\/\/test.julienlepretre.fr\/index.php\/wp-json\/wp\/v2\/media?parent=177376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}