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
Смотрите видео Animated iPhone Mockup Layout (Elementor Pro Tutorial) онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Wicky Design 29 Апрель 2024. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 427 раз и оно понравилось 11 посетителям.