In this tutorial, we combine Elementor and ACF (Advanced Custom Fields plugin) to create a dynamic doctors portal website on WordPress.
want to create a custom dynamic website
but can’t write a single line of code
all your worries are now over hey
everyone
Cassie from Elementor here in this
tutorial you’ll learn how to add dynamic
content with Elementor page builder and
advanced custom fields without using a
single line of code to get started just
be sure you already downloaded the ACF
plug-in version 5 and up then you’re
good to go here you see I already
prepared my ACF fields so the next step
is to prepare our posts and fill in the
fields we created with ACF I already
created my posts so let’s dive in and
see how to integrate them with Elementor
come on I’ll show you
let’s go under Elementor click my
templates click add new to create a new
template but I already prepared a single
post template so let’s click on edit
with Elementor here to preview a post
click the settings cog and under preview
settings start typing a post name let’s
go with this one cool here’s our post
now you can see the contact information
box fields are made with the familiar
icon box widget in the video area over
here on the right is our familiar video
widget let’s start with the contact
information fields click on dynamic on
the top right scroll down and click on
ACF field click on it again and under
key choose the doctors phone number we
also have the option to add a before or
after text let’s type phone in the
before field so go to advanced before
and type phone good job I can tell
you’re getting the hang of it
now let’s do the same for the remaining
fields email and address
moving on to the video let’s click on
the dynamic icon under the URL and
choose the URL field now click on the
field again and under key choose the
video URL for the image overlay let’s
open the options and click on the
dynamic icon choose the image field and
click key again and choose your field
that’s it all our fields are now dynamic
that means if I display a different post
here let’s say this one it has the same
design only with different information
so that’s how you build dynamic pages
combining Elementor with ACF don’t
forget subscribe to our youtube channel
thanks for watching
