Add A Custom Testimonials Loop Anywhere Using Elementor, CPT UI, ACF & Elementor Section Shortcode - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress WPLearningLab Video: Add A Custom Testimonials Loop Anywhere Using Elementor, CPT UI, ACF & Elementor Section Shortcode.
Post loops are a lot of fun when you're using them to create a nice template to display your posts.

Even better is creating custom post loops using the Elementor Custom Skin plugin to make them completely customized.

Even better is creating a custom loop for a custom post type containing advanced custom fields data and putting that custom loop into an Elementor section.

Then using the section shortcode to add that custom loop to ANYWHERE on your site that accepts shortcodes.

That's what we're going to do in this tutorial to create a custom testimonial display for our dynamic real estate website.

Table of Contents
00:00:00 Intro
00:02:14 Creating A Custom Post Type With The CPT UI Plugin
00:05:16 Add Custom Fields To The Custom Post Type Using Advanced Custom Fields (ACF)
00:08:50 Create A Custom Loop With Elementor Custom Skin
00:14:12 Create A Section That Will Contain Our Testimonial Custom Loop
00:16:37 Adding The Custom Testimonial Section Anywhere We Want Using The Elementor Section Template Shortcode
00:19:00 Minor Adjustments To The Design

//*
Backup tutorial: https://www.youtube.com/watch?v=D1aYbayFpfU&list=PLlgSvQqMfii4l2cVV1TZ7j_kHs_2qmf4b

Dashicons tutorial: https://youtu.be/0xJn8LWtehM

Join our private Facebook group today! https://www.facebook.com/groups/wplearninglab
//*
Here are 20+ reasons why I host all my sites with SiteGround: https://wplearninglab.com/siteground-wordpress-hosting-review/
//*
Post videos of your WordPress success using the hashtag #WPLLCommunity!

Get on the Unofficial Ultimate Guide To Elementor course waiting list here (no obligation): https://elementor.convertri.com/elementor-guide-waiting-list

Here's the link for Elementor Pro (aff): https://wplearninglab.com/recommends/elementor

Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL

Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist

I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.

WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab

Published: Wednesday, July 29, 2020 6:19 PM
Category: Wordpress WPLearningLab

52 Views

Related Videos

How to display posts in Elementor Pro with your own Design (Elementor Custom Loop)

by Best Webhosting Added 3 years ago 55 Views / 0 Likes

Hey guys, in this video I am finally showing how to display dynamic content with your own design with Elementor Pro. In this way you can use Wordpress to display posts in any way you want. My basics video about Elementor Pro: https://youtu.be/hNP6HOC1c-0 My playlist where I built my whole portfolio website: https://www.youtube.com/playlist?list=PLBn_jWrqTRjSOFJPDzgLpE_yCcDQhY9oj → Software that I use Hosting & Domain provider I use on all my websites:
Elementor Post Loop With Dynamic Content From ACF (Advanced Custom Fields)

by Best Webhosting Added 3 years ago 89 Views / 0 Likes

The elementor post loop in Elementor pro is great for displaying and customizing the look of posts on your site. But the data the post loop can display are limited what default WordPress can provide. For example, author, comments and publish date. What if you want to display dynamic data? In this tutorial you will learn how you can display any advanced custom field data you wish in the Elementor post loop. It's powerful stuff. //* Join our private Fac
Custom Shortcode In Wordpress To Add Current Year To Elementor Footer Template

by Best Webhosting Added 4 years ago 87 Views / 0 Likes

Custom Shortcode In Wordpress To Add Current Year To Elementor Footer Template https://youtu.be/TLwUsTHSPzs //* Link to the blog post with the code: https://wplearninglab.com/custom-shortcode-in-wordpress-to-add-current-year/ Link to the My Custom Functions plugin in the WordPress repository: https://en-ca.wordpress.org/plugins/my-custom-functions/ Link to backup tutorial: https://www.youtube.com/watch?v=566Zw8e84lE&list=PLlgSvQqMfii7Z3nd1-Xq3dYve0jqZ
Elementor Free e Pro 3.8 Agora Sim Vai Ficar Top com Loop de Posts. Update Elementor 3.8 2022

by Best Webhosting Added 1 year ago 17 Views / 0 Likes

🏆 Neste vídeo vou te mostrar a nova atualização (Update) do plugin elementor seja ele Free ou Pro. Vou ensinar já como usar o Loop para criar listings para seus posts e deixar seu blog mais elegante, bonito e moderno. 🚩 Elementor PRO + desconto: https://urlaki.com/elementor 🚀 Hospedagem 90% Off + 7% Off com Cupom: MESAQUEMOTA: https://urlaki.com/hostngr 💎 Grupo Vip Telegram: https://urlaki.com/wpx-canal-telegram 🎥 WordPress p/ Iniciantes: https://yout
Popular
Elementor ACF Integration Makes Custom Pages Easy - Elementor Advanced Custom Fields Tutorial

by Best Webhosting Added 4 years ago 106 Views / 0 Likes

Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Elementor ACF Integration Makes Custom Pages Easy - Elementor Advanced Custom Fields Tutorial https://youtu.be/DC7wlmHO8Lo Here's the aff link for Elementor Pro: https://wplearninglab.com/go/elementor002 Get on the Unofficial Ultimate Guide To Elementor course waiting list here (no obligation): https://elementor.convertri.com/elementor-guide-waiting-list Elementor ACF requi
Animated Testimonials Box Design - Testimonials Section Web Design - Pure Html5 CSS3 Tutorials

by Best Webhosting Added 4 years ago 86 Views / 0 Likes

sparkles.png : https://drive.google.com/file/d/1PPOK2fR2nO4l28hjpHm5QwGAwd6Q1lW5/view?usp=sharing Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Name : Spring In My Step by Silent Partner from YouTube Audio Library Music URL : https://www.youtube.com/watch?v=siCmqvfw_1g
WordPress Shortcode Tutorial: How to Create Custom WP Shortcode with PHP/HTML/CSS

by Best Webhosting Added 4 years ago 96 Views / 0 Likes

Download Shortcode Tutorial Resources - https://websiteprofitcourse.com/dl04 15 Tools to Start Your Web Design Business - https://goo.gl/hARsLV In this tutorial, we'll go through a simple project to show you exactly how to create a custom WordPress shortcode using HTML, CSS and PHP (by using the add_shortcode function within the WP functions.php file on your active theme). This video shows you why I love WordPress as the premiere platform to build you
Introducing Elementor 3.8: Loop Builder and More!

by Best Webhosting Added 1 year ago 19 Views / 0 Likes

These versions include the new, exciting and highly anticipated Loop Builder, as well as Flexbox Container advancements and more! 3.8 Improves your workflow and gives you more freedom over your layouts using the full power of Elementor. Learn more about the features: https://elementor.com/blog/introducing-the-loop-builder/ Also, join us Thursday November 10th at 11 AM Eastern Time to get an overview of it all, see some useful examples for your project
CherryFramework 4. How To Add Testimonials Page (Based On Shortcode)

by Best Webhosting Added 4 years ago 82 Views / 0 Likes

This tutorial is going to show you how to add Testimonials page based on shortcode in Cherry Framework 4. Cherry Framework 4 Themes from TemplateMonster.com: http://www.templatemonster.com/templates.php?pr=50125-186275utm_source=youtube&utm_medium=link&utm_campaign=chfortuts113 Build Absolutely Anything with Monstroid WordPress Theme: http://www.templatemonster.com/wordpress-themes/monstroid/?utm_source=youtube&utm_medium=link&utm_campaign=chfortuts11
Elementor 3.8 Revealed - Introducing Loop Builder, and more!

by Best Webhosting Added 1 year ago 14 Views / 0 Likes

Thanks for taking part! We'd be super grateful for your feedback with this short survey: https://www.research.net/r/38liveshow Event Description: Join us at this LIVE event to learn about exciting updates and see some real life use cases. Ask your questions live with us and perhaps win a prize! 🥳 Agenda: ✔︎ The Loop Builder [Pro] ✔︎ Stable Flexbox ✔︎ ‘Remove Kit’ Feature ✔︎ The New Release Process ✔︎ Ask your questions LIVE ✔︎ Free Raffle Giveaway* 🎁
Introducing Elementor 3.11: New Loop Carousel for Your Listings & More!

by Best Webhosting Added 1 year ago 18 Views / 0 Likes

With Elementor 3.11 you can elevate your website design with the new Loop Carousel, improve your workflow with the new Copy & Paste Between Websites, and improve your visitor’s experience with the new Popup Advanced Rule, accessibility improvements and more! Learn more about the features: https://elemn.to/3-11-blogpost -- Get Elementor: https://elemn.to/get-started Get Elementor Pro: https://elemn.to/gopro
Introducing Elementor 3.9: Save as Default, Loop Builder for Products & More!

by Best Webhosting Added 1 year ago 15 Views / 0 Likes

Elementor 3.9 includes the new Save as a Default option, broadens the capabilities of the Loop Builder to support WooCommerce and the section-based layout, and several additional features that improve the design of your website and its user experience. Learn more about the features: https://elemn.to/3-9blogpost -- Get Elementor: https://elemn.to/elementor-get-started Get Elementor Pro: https://elemn.to/elementorpro