Create a Dynamic Real Estate Listing Website with Jet Engine from Crocoblock

In this video we're going to use dynamic content in a Crocoblock Jet Engine Wordpress website using the Elementor Pro page builder. We are going to create a Listing Template and a Single Post Template for a real estate website.
The Elementor course is out! Check it out: livingwithpixels.com/elemento...
Check out Jet Engine from Crocoblock: livingwithpixels.com/crocoblock
Playlist Dynamic: livingwithpixels.com/playlist...
Playlist Basics: livingwithpixels.com/playlist...
Sections & Columns video: • Sections, Columns, Mar...
→ Software I recommend
Hostinger for affordable webhosting: livingwithpixels.com/hostinger
Siteground for premium webhosting: livingwithpixels.com/siteground
Elementor for no-code web-development: livingwithpixels.com/elementor
Figma for Web Design: livingwithpixels.com/figma
All recommended software & discounts: livingwithpixels.com/software/
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elemento...
Figma Design Starters Guide: livingwithpixels.com/design-g...
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixels.com/elemento...
Figma Design Mastery Course: livingwithpixels.com/design-c...
Business Course: livingwithpixels.com/business...
→ Social media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

[@jaykaslo]

This tutorial is so great, very clear! Funny how I've owned Crocoblock for a while, but was always intimidated by Jet Engine, so never used it. But now having seen the whole process start to finish, I'm realizing it's not super complicated after all. Thanks!

[@aptowizer]

you are the best teacher on youtube i found! clear and in the right pace. all questions are answered with a smile. please make more videos on crocoblock and designing also

[@opedraugus]

Hey, Rino! We need a second part of this project lol Your lessons are very concise and clear. Just thank you : )

[@JatinChhabra]

Took 3 hours to watch, analyse, create, visit doctor, ate some Goalgapas and now is 01 am, and this video is awesome. Thanks Man...

[@MunchingHero]

I’m a simple man. I see a Rino video...I click like!

[@kamaralamkhan]

i am not able to add price dynamically can you please help me i am stuck?

[@aadilzain906]

This is a game-breaking combination if you can afford the jet plugin and elementor. If you have worked in the IT industry especially the Website Field you will know how much design process and development process it takes to put things together. In love with this combo

[@zaighambajwa704]

Hi! If you have a grip on JetEngine I have a simple problem if you can solve

[@anainmazatlan]

When you’re creating the listing template, you can simply use the “ display width” option under the preview button instead if using 3 columns then deleting 2. The preview display width can be set at 400 or so that it is more visually accurate to what the end result will be.

[@dielooters2]

This is content marketing done right. Honestly, I'd save up to buy your course. I hope to see it soon. Keep 'em coming!

[@peterpavlov2994]

Still waiting for the course! ^^

[@YarMalikHere]

Built my whole website using this tutorial. Keep up the good work.

[@anistyadwisetiawan3294]

thanks man, you are the number 1 person who can change my mind to grow up :) I'm glad I found person like you on youtube :)

[@TheSmilingBananaDK]

I think your the best tutor on KZbin! Please continue with uploading new videoes :)

[@michieB]

Rino - You are an absolute lifesaver! I have managed to build a website with 2 blog types using Jet Engine and I couldn't have done it without your videos! I have tried to watch Crockoblock videos and for the life of me, I couldn't understand anything. You're explaining so well and now I actually understand what I'm doing! Keep those videos coming! 🙏💕 P.s - since you uploaded the video they added a function of Preview Width under Listing Settings, so now it's much easier to see what you're designing and you don't need the 3 columns method 😊

[@kamaralamkhan]

i am not able to add price dynamically can you please help me i am stuck?

[@alexanderduffield99]

Thanks so much, Rino! This was a very concise tutorial. Worked perfectly to get my client's listings going on his website.

[@taylorjones7726]

Hi Rino, thanks so much for this tutorial. I’ve worked in marketing within the Real Estate industry for almost 5 years, and something that all of my clients need more than any other single thing is a way to capture leads. This often involves a forced sign up popup after looking at 2-3 pictures or requiring sign in to reveal certain details. I would say this is a necessity for any real estate website, and I think a lot of people (myself included) would really benefit from seeing the Elementor implementation. Keep up the incredible content.

[@kamaralamkhan]

i am not able to add price dynamically can you please help me i am stuck?

[@lolitacortes3905]

you are an excellent teacher, a a fun person to "work with" and a life saviour.!

[@PhilipManning100]

Extremely clear explanations, good humour ... superb videos to help us beginners!

[@rifathassannibir8378]

Wow, this video is awesome. Every part of this video was easily understandable. Thanks a lot. Eagerly waiting for the 2nd part.

[@floriansauer2970]

Thank you very much! Great tutorial. I already knew the "Jet Engine", but was still able to learn a lot. 👍🙏

[@larryfarr]

Fantastic. Best tutorial I've seen on using Crocoblock for creating a listing post. Thank you!

[@rinodeboer]

Thank you very much Larry 🙏🏻

[@wemove8593]

Congratulations on dynamic content video! they are very clear and simple with Crocoblock. Please make more dynamic video in this regard in the future! You explain very well compared to other people in you tube. I like it, Thanks !!!

[@ugbehgideon5178]

Can crocoblock be installed for in Wordpress?

[@pauserratgutierrez]

Very usefull! I'm waiting for your full woocommerce tutorial with elementor pro and crocoblock!😊

[@rinodeboer]

Working on it 👌🏼

[@danidicks]

@@rinodeboer I found it to be a very instructive tutorial, very well explained and assembled on video. I also look forward to the WooCommerce and Crocoblock tutorial :)

[@ar_dani_]

Me too, ^_^

[@giulianomarialodi3722]

Nice job! I’m waiting too for the woocommerce integration 🤗

[@joshperla3673]

Is this available as a template to download?

[@carolinemartins2391]

This is amazing! Been trying to do that since weeks on the website of my company. Thank you so much!

[@lifetrail_hiking_mentoring]

Excellent as usual! For us small business owners not Website Designers. Yes we are here too :-)

[@magixmarbella]

You are amazing, really like your videos, very explainable, looking forward setting up this real estate site!

[@FarroDarrel]

Good day all, very good video. Looking fwd for the next video about the Smart Filtering and Categories that you talked about, Thanks.

[@wilmercuevas6491]

Thank you! I do not have these plugins yet but I always learn with you

[@farhadshaon5595]

Yes, I was waiting for this. Thank you so much Rino.

[@rinodeboer]

My pleasure!

[@Weddingphotographyontario]

Please create part 2 soon im currently building a site like this! Love it

[@kdcan724cnls4]

So excited for this, thanks Rino!!

[@michaeloliver6745]

Awesome as usual Rino!!! Fantastic videos with real content!! Congratulations on additional subscribers!!

[@rinodeboer]

Glad you like them!

[@willempieeetoppertje7643]

Jij bent echt van alle markten thuis! Ik heb de cursus Photoshop van jou gekocht! Toppertje ben je.🥳👍🏼🕺🏽

[@dominikmoravcik1896]

Great video tutorial, I am looking pretty much forward to the next episode diving into filers.

[@zubairblaze]

Yeaaaaa...this is what I was waiting for......You took your sweet time......Thanks boy....

[@pauljefferson1533]

Thank you Rino for this great video, I learned and you saved my day! 😊

[@ashrithjain3736]

This is the most underrated video in the WordPress history!

[@seekknowledge1928]

Sir the way you explain its truly amazing. We want to see more tutorial about web project from you

[@hamzaasif386]

Just love the way you made things so easier bro May God Bless you 👍

[@laurabarriuso1013]

Hey! I will love you take this subject again. I will like to learn more, principal how to made a map with a column of the listing, and more... Property manager are on fire 🔥

[@GanoExcelMed]

Thank You, I just purchased CrocoBlock plugins from your link, thanks a lot for the tutorials

[@rinodeboer]

Thank you very much as well 🙏🏻

[@fahreza_harvian]

really love all of your content, your explanation is so clear. you've got new subscriber bruh.. Thanks at all

[@fahreza_harvian]

fyi, My English isn't good, but I can understand all your explanations with your little jokes (without subtitle)

[@rociomontoya4876]

Hi, Rino! Great video as always. To display the background image in an empty column, you can add the spacer widget (integrated on Elementor) instead of a divider. I think it is a better solution. Although they both work. 🤗

[@TechzAddictz]

spacer widget is bad for seo

[@esspinnamandl]

Hello Rino, wow awesome tutorial, that's exactly what I was looking for. Thank you ! I watched almost all of your tutorials last weekend. I think your explanations are really perfect. Would be great if you could do a tutorial about websites for photographers with info about full screen sliders and galleries (dynamic). Maybe a few ideas about good plugins (gallery, slider, portfolio) or whether Elementor Pro can cover all of that ;-) About Portfolio You already reported in detail in one of your tutorials :-D

[@VanfireOfficial]

crystal clear tutorial. thank you so much

[@melinaayelen8344]

Awesome, the best video. Tanks from Argentina!!

[@RobertPaulHulsman]

Tip: Most of the time I only have to check some little parts of the whole video. Can you use subjects in your timeline so we dont have to look for those parts of interest. I think I speak for a lot of developers....who just want a quick fresh-up on how things works. But thanks for your time and effort. Great tuts! Keep on the good work! Groeten... RP

[@gieselman]

Love your vids. Thanks for the great demonstrations. ))

[@AntGeezer]

Well covered. You’re doing great work 👍

[@johnvillanueva2090]

Wow, your videos are awsome.. very clear and concise.. waiting for the next video.

[@rinodeboer]

Glad you like them!

[@aftermagazine]

This is incredibly helpful! THANK YOU!

[@balarief]

Great thanks Rino I've learned many things from you.

[@bySterling]

So awesome! I’m curious what Crocoblock has improved and added for us Pro members in the last year and 2021. Great video sir

[@hirushadeshan3482]

Little sugession, Rino. I really appreciate it if you can give the full tutorial to make crocoblock's dynamic websites. Just a little thought 😊 Thanks for your hard work.

[@trukmuchspot]

Thank you for this great guide!

[@RafaelScott]

Awesome man! Thank you so much! You are the best! 👏🏽👏🏽👏🏽🙏🏽😁

[@CodeWithTahaCWT]

so professional and useful, Thanks for sharing😍

[@elbfoxx]

Love your videos - they help me a lot :)

[@gracielasalcedo8214]

Thank you very much. This tutorial was very useful for me

[@KamalAmziane]

I love your videos and I love your very clean work.

[@cyin2000]

Thank you for showing how Jet Engine plugin working in Elementor !

[@jhonblair9207]

Thanks for the help. This Tutorial Really Help me out. Once again thanks...

[@amFortunate]

Bro, jij bent een baas.

[@robertpeneau8123]

Un très grand merci pour cette formation.

[@amirz7147]

One Like is not enough. it was awesome Rino

[@foofourtyone]

To put "something" inside a column to adjust the hight, it would be a better idea, to use Elementors spacer element. Not only is it invisible by default, but much better is the fact, that one doesn't need to set the vertical padding or margin. Because, one can set the height on the spacer itself. If you want to adjust it a couple of month later, you don't need to search for the values to change, but just klick on the spacer and adjust the height. I rarely use vertical paddings and margins in any project. Because, later on, it can cause problems with the responsiveness. I only use the spacer element when it comes to vertically distancing elements. Never padding- or margin top/bottom. Would be nice if there were a spacer for horizontal spacing, but there may be one some time.

[@alebradazan]

Elementor spacer add bloat to any site that result in a slower site, is better to use Margin and Padding. You can learn more searching for ''Elementor Best Practices'' and ''Elementor common mistakes''

[@dariokur2]

Awesome as always!!

[@sinhgiangfd]

Thank you so much for sharing. I learn a lot from you.

[@rinodeboer]

You are so welcome

[@robiulhassanshakib7174]

Hey Bro ☺️, Thanks for this great Tutorials... So grateful to you 😊. I've a request brother 😁. I want to learn UI/UX design... There are so many tutorials on KZbin already but your ability to explaining is very cool. Already I see your UI/UX tutorials but i want more .. if possible I hope you will share trips and tricks for UI/UX...

[@wazzawheeler4204]

Great video! Very detailed and easy to follow. I just grabbed JetEngine + JetReview via your aff link ;) Hope it helps!

[@rinodeboer]

Awesome, thank you!

[@peppermusic2479]

thanks! one more subscribed to the channel! Congratulations!

[@marcoatmac]

This is very cool, thank you

[@Lad31]

On the listing chapter, instead of using H1-H6 options, its prefer to use font size, because the H's structure is used for SEO (search engine optimization). great video anyways!! help me a lot

[@moahmmadahmadpour2403]

hey bro. this tutorial help me a lot. thank you

[@federer129]

Thank you sir, you're the best!

[@sametingame]

man! that was very helping! Thanks !

[@user-ow8yx4gk4l]

Cool and useful tutorial. tnx 🙏

[@klemenstrupke1517]

Super bedankt, ben bezig met het opbouwen van een site met motopress hotel plugin en dit werkt precies hetzelfde. Life saver. Heb helaas geen geld atm maar mocht ik een aankoop doen gaat het zeker via een van je affilite links. Nogmaals bedankt

[@umairmerchant7995]

too good man... Love you !!!

[@lehlohonolomokoena2204]

You such a legend!!!

[@nataliusmarani6281]

I really like this video, thank you

[@sheikhmohammed3441]

Rino! You are really awesome like always, I am waiting to watch a appointment tutorial for Doctors with bookly or JetAppointment :)

[@alan-muscat]

You mean Bookly.

[@sheikhmohammed3441]

@@alan-muscat o yah, sorry

[@VanfireOfficial]

Hi rino, thanks again for the beautiful tutorial. Im thinking that maybe you can post a video on how to search property on real site by using elementor or maybe jetsearch. I dont know. That is very helpful.

[@josflachs569]

Minor correction for the listings: instead of 3 columns where you have to drop 2, why not go to settings > listing settings > set preview width. Thanks for this great tutorial!

[@dannygrio]

Thank you very much for the video. Great work as always and I am waiting for the follow up one. Have you tried using the listing widget from Jet Engine instead of elementor? It gives you the option to go into settings inside elementor, listing settings and adjust the preview width. Much cleaner and easier then creating three columns like you did here. Plus, jet engine's widget gives you more styling control than elementor. Have a look! :)

[@MLD849]

Very useful. THX!

[@georgetirlea1771]

Very usefull!! Thank you! How about a video on a dynamic car configurator. 😁

[@razuahammad55]

Great Instructor

[@user-fr3gc4yj6h]

You are the best!

[@infusionchurchmd]

This is a great tutorial

[@RaMGoN]

Great video, vey interesant, lot thanks!

[@gihankavindu4786]

thank you great teacher

[@litty1776]

Excellent video, bro! I truly appreciate the work you put into making these videos. You just earned a new subscriber. Quick Question: Let’s say I’m writing a blog post, am I able choose & input 2-3 individual listings within the blog post? For example: If I’m writing a blog post about houses in Texas, am I able to include blocks/listings of houses in Texas that I specifically chose? I’d appreciate your feedback. Thanks man

[@abnergarciadm]

Super fan of your content! I've been trying to find how to create a meta field for business hours in the CPT but I haven't find anything yet!

[@rinodeboer]

You could just create a text field and let people type it, or you could create 2 number fields and then both load them into the template. So from (data) to (data)

[@emanuelbagirathi4750]

This is definitely one of your best videos!!! What's the average price we should charge for a site like this?

[@MrTrackmania]

Absolutely well explained ! Congrats. Lets say I have a website with Creditcards and separate them in "Visa" and "Mastercard". Maybe later with smth else. May you explain when you are going to use "Jetengine Taxonomies with visa, mastercard" vs just using "select field type with manually added visa, mastercard" ?

[@PandaChinese]

Thanks so much!

[@codemilestone7697]

Thank you so much : )

[@muhammadkhan3345]

you are a hero

[@procopiselia1624]

Hey Rino, thank you for the quality content that you provide us. Just a quick question, can I point to the list grid to shows all the taxonomies (i.e. post categories), or is that not possible?

[@nooster125]

Listen I'm also from The Nethelands and I'll find you and I'll kiss you!!! This is exacly what I was looking for!!! SUBBED!!!

[@endless3171]

This series and the video itself are just golden. Thanks for sharing the info for newbie wp users. Is there gonna about rest api with crocoblock by any change. I know there are some videos about it but it would be nice to learn from you.