Flex Content Example

This is how the backend looks like, with component field inside flexible content blocks.

flex-content-backend-screenshot

 




Array
(
    [0] => Array
        (
            [acf_fc_layout] => image_on_top_with_text_buttons
            [title] => Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            [content] => <p>Proin eros justo, consequat pharetra nisl sed, vestibulum placerat enim. Sed non interdum velit. Mauris sed felis eget sapien interdum euismod. Mauris tincidunt efficitur arcu vitae condimentum. Pellentesque rutrum sagittis lectus et viverra. Phasellus quis egestas arcu. Pellentesque tempor libero nunc, sed mattis neque sagittis vel. Aenean viverra risus ut ultrices aliquet.</p>

            [buttons] => Array
                (
                    [0] => Array
                        (
                            [button_type] => custom_link
                            [button_style] => default
                            [button_text] => Click Me
                            [page_link] => 
                            [custom_link] => http://google.com
                            [new_tab] => 1
                            [frame_width] => 
                            [width_unit] => 
                            [frame_height] => 
                            [height_unit] => 
                            [iframe_url] => 
                            [wysiwyg] => 
                            [html] => 
                            [video_source] => 
                            [video_id] => 
                            [file] => 
                            [force_download] => 
                        )

                    [1] => Array
                        (
                            [button_type] => html
                            [button_style] => blue
                            [button_text] => Hey!
                            [page_link] => 
                            [custom_link] => 
                            [new_tab] => 
                            [frame_width] => 60
                            [width_unit] => px
                            [frame_height] => 60
                            [height_unit] => px
                            [iframe_url] => 
                            [wysiwyg] => 
                            [html] => <p>Proin eros justo, consequat pharetra nisl sed, vestibulum placerat enim. Sed non interdum velit. Mauris sed felis eget sapien interdum euismod. Mauris tincidunt efficitur arcu vitae condimentum. Pellentesque rutrum sagittis lectus et viverra. Phasellus quis egestas arcu. Pellentesque tempor libero nunc, sed mattis neque sagittis vel. Aenean viverra risus ut ultrices aliquet.</p>
                            [video_source] => 
                            [video_id] => 
                            [file] => 
                            [force_download] => 
                        )

                )

        )

)