Animated iPhone Mockup Layout (Elementor Pro Tutorial)

Published: 29 April 2024
on channel: Wicky Design

427

In this Elementor Pro tutorial I will show you how I created this animated iPhone CTA section.

Get Elementor Pro:
https://wickydesign.com/get-elementor

Timestamps:
0:00 Introduction
0:58 iPhone Mockup Tutorial Begins
2:53 Photoshop Crop iPhone Mockup
4:11 Convert PNG to WebP
5:10 Download Lottie Animation
7:01 Elementor iPhone Mockup Begins
10:09 Add iPhone Mockup Background Image
10:55 Add Lottie Animation
13:21 Create Right Container
14:48 Step 1 Layout Example
18:37 Step 2 Layout Example
20:01 Step 3 Layout Example
23:22 Enable Motion Effects
24:16 Responsive Settings

Create Mockups:
https://shots.so/

Compress Images to WebP:
https://squoosh.app/

LottieFiles:
https://lottiefiles.com/

Our Recommended Tools
Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!

#elementortutorial #elementorpro #elementor

WORDPRESS PLUGINS:
✔️ Elementor: https://wickydesign.com/get-elementor
✔️ Crocoblock: https://crocoblock.com/?ref=2562
✔️ Ultimate Add Ons: https://ultimateelementor.com/pricing...

BUSINESS TOOLS:
✔️ Dubsado: https://www.dubsado.com/?c=wickydesign
✔️ Wave: https://waveapps.com/

WEBSITE HOSTING:
✔️ KnownHost: https://www.knownhost.com/?aid=71319c26

------
For more information regarding our web design and branding services, please visit https://wickydesign.com

Watch video Animated iPhone Mockup Layout (Elementor Pro Tutorial) online, duration hours minute second in high quality that is uploaded to the channel Wicky Design 29 April 2024. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 427 times and liked it 11 visitors.