วิธีเพิ่มแอนิเมชั่น On Scroll ใน Elementor (เช่น Apple AirPods)
เผยแพร่แล้ว: 2022-07-21กำลังค้นหาวิธีเพิ่มแอนิเมชั่นบนแถบเลื่อนใน Elementor เช่น Apple และ Sony ที่ใช้บนเว็บไซต์ของพวกเขาหรือไม่
แม้ว่า Elementor Pro จะมีเอฟเฟกต์แอนิเมชั่นที่ดูเรียบร้อยทุกประเภทผ่านฟีเจอร์ Motion Effects แต่ก็ไม่อนุญาตให้คุณสร้างลำดับภาพที่น่าดึงดูดบนเอฟเฟกต์การเลื่อน เช่นเดียวกับที่คุณเห็นบนเว็บไซต์ของ Apple (รวมถึงอื่นๆ อีกมากมาย) ตัวอย่างเช่น หน้า AirPods Pro
ด้วยปลั๊กอิน Scrollsequence คุณสามารถเพิ่มแอนิเมชั่นการเลื่อนภาพยนตร์ประเภทนี้ไปยัง Elementor ได้อย่างง่ายดาย ( รวมถึง Elementor เวอร์ชันฟรี )
เป็นการยากที่จะอธิบายด้วยคำพูด ดังนั้นให้ดูตัวอย่างด้านล่าง ( ภาพเคลื่อนไหวจะเคลื่อนไหวเมื่อผู้เยี่ยมชมเลื่อนหน้าลง ):
หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Scrollsequence โดยทั่วไป คุณสามารถอ่านบทวิจารณ์ Scrollsequence ฉบับเต็มของเราได้
อย่างไรก็ตาม ในโพสต์นี้ เราจะเน้นไปที่การเพิ่มแอนิเมชั่นในการเลื่อนใน Elementor โดยใช้ Scrollsequence โดยเฉพาะ
มาขุดกันเถอะ!
วิธีสร้างแอนิเมชั่นการเลื่อนภาพยนตร์ใน Elementor ด้วย Scrollsequence
ต่อไปนี้เป็นขั้นตอนที่เกี่ยวข้องในระดับสูง โปรดอ่านบทช่วยสอนโดยละเอียด:
- ติดตั้งปลั๊กอิน Scrollsequence
- สร้างแอนิเมชั่นของคุณ
- เพิ่มแอนิเมชั่นการเลื่อนไปที่ Elementor
1. ติดตั้งปลั๊กอิน Scrollsequence
ในการเริ่มต้น คุณจะต้องติดตั้งปลั๊กอิน Scrollsequence บนเว็บไซต์ Elementor ของคุณ
Scrollsequence มีเวอร์ชันฟรีที่ WordPress.org เช่นเดียวกับเวอร์ชันพรีเมียมที่เพิ่มคุณสมบัติเพิ่มเติม เวอร์ชันฟรีให้คุณตั้งค่าแอนิเมชั่นพื้นฐานได้มากถึงสามฉากและสูงสุด 100 ภาพต่อฉาก ในขณะที่เวอร์ชันพรีเมียมจะลบข้อจำกัดทั้งหมด และยังเพิ่มแอนิเมชั่นและคุณสมบัติขั้นสูงอีกด้วย
Scrollsequence – ปลั๊กอินภาพเคลื่อนไหวการเลื่อนภาพยนต์เวอร์ชันปัจจุบัน: 1.2.7
ปรับปรุงล่าสุด: 9 พฤษภาคม 2022
scrollsequence.1.2.7.zip
คุณยังสามารถลองใช้คุณสมบัติระดับพรีเมียมทั้งหมดได้ฟรีด้วยการทดลองใช้ฟรี 14 วัน คุณจึงไม่ต้องจ่ายเงินเพื่อทดสอบเลย
หากคุณตัดสินใจว่าต้องการรุ่นพรีเมียมหลังช่วงทดลองใช้งาน ราคาเริ่มต้นที่ 69.99 ดอลลาร์ อย่างไรก็ตาม คุณสามารถใช้คูปอง Scrollsequence สุดพิเศษของเราเพื่อรับส่วนลด 20%:
20i WordPress Hosting
รายละเอียด
ส่วนลดพิเศษ 50% จาก 20i WordPress Hosting สำหรับผู้อ่าน WP Mayor เท่านั้น
Astra
รายละเอียด
รับส่วนลดพิเศษ 10% จาก Astra Pro, ชุด Essential และชุด Growth
ลดราคาวันเกิด Astra
รายละเอียด
ส่วนลด 25% สำหรับชุด Astra Pro หรือ Astra Agency พร้อมสิทธิ์เข้าร่วมการจับรางวัลฟรีเพื่อลุ้นรับ iMac ใหม่ล่าสุด!
ออโตนามิ
รายละเอียด
ส่วนลดพิเศษ 10% สำหรับ Autonami – จัดการความสัมพันธ์กับลูกค้าโดยใช้การแท็ก การแบ่งส่วน และการออกอากาศโดยไม่ต้องออกจาก WordPress
อวาดา
รายละเอียด
Avada คือสุดยอดเครื่องมือสร้างเว็บไซต์ WordPress ได้รับความไว้วางใจจากผู้เริ่มต้น นักการตลาด และมืออาชีพ สร้างขึ้นโดยคำนึงถึงการใช้งานและประสิทธิภาพ
Barn2
รายละเอียด
ผู้อ่าน WP Mayor ได้รับส่วนลดเพิ่มเติม 5% สำหรับดีล Black Friday 30%! สิ่งนี้จะถูกนำไปใช้โดยอัตโนมัติเมื่อชำระเงิน
ตัวสร้างบีเวอร์
รายละเอียด
รับส่วนลด 25% จาก Beaver Builder - เครื่องมือสร้างเพจ WordPress ที่คุณวางใจได้ในธุรกิจของคุณ
Bluehost
รายละเอียด
Bluehost เป็นผู้ให้บริการโฮสติ้งที่ใช้ร่วมกันของ WordPress ที่เราแนะนำ รับส่วนลดสูงสุด $15 ต่อเดือนสำหรับโฮสติ้งที่ใช้ร่วมกันของ Bluehostฟรีโดเมนกับ Bluehost
รายละเอียด
รับการจดทะเบียนโดเมนฟรีเมื่อสมัครใช้บริการโฮสติ้งราคาไม่แพงและเชื่อถือได้ของ Bluehost
กระดานข่าว
รายละเอียด
ลด 20% จากแผนทั้งหมดจาก Bulletin! ปลั๊กอินแบนเนอร์ประกาศที่ง่ายและมีประสิทธิภาพที่สุดสำหรับไซต์ WordPress ของคุณ
Elementor Pro
รายละเอียด
เข้าร่วมชุมชนของมืออาชีพกว่า 8 ล้านคนที่สร้างเว็บไซต์ ทำงานร่วมกัน และเติบโตไปพร้อมกับแพลตฟอร์มการสร้างเว็บอันดับ 1 สำหรับ WordPress
ธีมเครื่องยนต์
รายละเอียด
รับส่วนลด 35% EngineThemes - ธีมแอปพลิเคชัน WordPress ที่สร้างขึ้นอย่างเชี่ยวชาญสำหรับงานฝีมือของคุณ
ปลั๊กอินที่จำเป็น
รายละเอียด
รับส่วนลด 15% สำหรับชุดปลั๊กอิน Essential
Pronto ออล-อิน-วัน
รายละเอียด
ฟรี 1 เดือนสำหรับลูกค้าใหม่ทุกคนในโซลูชัน Pronto All-in-one ซึ่งเป็นธีมการถ่ายภาพชั้นนำสำหรับ WordPress
Groundhogg
รายละเอียด
ส่วนลดพิเศษ 15% สำหรับ Groundhogg
Growanizer
รายละเอียด
ส่วนลดพิเศษ 30% สำหรับ Growanizer – การขายอัจฉริยะรุ่นใหม่สำหรับ WooCommerce
การปรากฏตัวของมนุษย์
รายละเอียด
ส่วนลดพิเศษ 20% สำหรับการแสดงตนของมนุษย์ – หยุดการเช็คเอาต์ของบอท & แบบฟอร์มสแปมโดยไม่กระทบต่อประสบการณ์ผู้ใช้ของคุณ
IconicWP
รายละเอียด
Black Friday นี้ คุณจะได้รับส่วนลดสูงสุดถึง 40% จากปลั๊กอิน WooCommerce ที่ช่วยกระตุ้นยอดขายของ IconicWP และชุดปลั๊กอินIconicWP
รายละเอียด
เดือนนี้ WooCommerce รับส่วนลดสูงสุด 15% สำหรับปลั๊กอิน WooCommerce ที่ช่วยกระตุ้นยอดขายของ IconicWP และชุดปลั๊กอิน
KBucket
รายละเอียด
รับส่วนลด 40% สำหรับปลั๊กอิน Kbucket - สร้างฮับเนื้อหาที่ปรับแต่งได้
Linguise
รายละเอียด
ลด 20% สำหรับ Linguise - เพิ่มการเข้าชมเว็บไซต์ของคุณด้วยการแปลทันทีในกว่า 80 ภาษา
เว็บของเหลว
รายละเอียด
ส่วนลด 35% เป็นเวลา 4 เดือนสำหรับโฮสติ้ง WordPress ที่มีการจัดการเว็บของเหลว
รายละเอียด
รับส่วนลด 33% จาก Liquid Web - ผู้เชี่ยวชาญด้านโฮสติ้ง WooCommerce ที่มีการจัดการ
วิดเจ็ตวิดีโอแว่นขยาย
รายละเอียด
ฝัง ปรับแต่ง และทำแฮงเอาท์วิดีโออย่างปลอดภัยด้วย Magnifi Video Widget จากเว็บไซต์ของคุณในเวลาไม่กี่นาที
ส่วนเสริมหลักสำหรับ Elementor
รายละเอียด
ส่วนลดพิเศษ 50% จาก Master Addons สำหรับ Elementor
จดหมายข่าว กาว
รายละเอียด
จดหมายข่าว Glue เชื่อมต่อบริการอีเมลของคุณกับ WordPress เพื่อให้คุณสามารถเผยแพร่จดหมายข่าวในแบบที่คุณเผยแพร่โพสต์ในบล็อก!รับส่วนลด 15% สำหรับการซื้อครั้งแรกของคุณ
ประกาศX
รายละเอียด
สุดยอด FOMO และโซลูชันการตลาดเพื่อพิสูจน์สังคมที่ได้รับความไว้วางใจจากธุรกิจกว่า 30,000 แห่งทั่วโลก
OceanWP
รายละเอียด
ธีม WordPress ที่ให้คุณมากกว่า!
สั่งซื้อได้
รายละเอียด
นำการสั่งซื้อออนไลน์ไปสู่ระดับใหม่ทั้งหมด รับราคาที่ดีที่สุดสำหรับการสั่งซื้อด้วยรหัส WPMAYOR
Outfunnel
รายละเอียด
รับส่วนลด 25% สำหรับ Outfunnel 3 เดือนแรก – ติดตามการเยี่ยมชมเว็บไซต์และซิงค์การส่งแบบฟอร์มไปยัง CRM ของคุณ
หน้าชำระเงิน
รายละเอียด
ลด 15% ในหน้าชำระเงิน
PeepSo
รายละเอียด
รับส่วนลด 10% สำหรับแพ็คเกจ PeepSo รายปี
Quicq
รายละเอียด
รับส่วนลด 20% สำหรับสองเดือนแรกของคุณในทุกแพ็คเกจของQicqลำดับการเลื่อน
รายละเอียด
รับส่วนลดพิเศษ 20% สำหรับ Scrollsequence ด้วยคูปอง WPMAYOR20 สร้างแอนิเมชั่นการเลื่อนของคุณในไม่กี่นาที
ShopReady
รายละเอียด
รับส่วนลดพิเศษ 20% สำหรับ ShopReady
สปอตไลท์ PRO
รายละเอียด
รับส่วนลด 20% สำหรับ Spotlight PRO เพื่อเพิ่มผลกระทบของเนื้อหา Instagram ของคุณเป็นสองเท่า!
การขายดาวฤกษ์
รายละเอียด
รับส่วนลด 40% สำหรับปลั๊กอิน IconicWP ทั้งหมดรวมถึงชุดรวม (รับส่วนลดมากถึง 199 ดอลลาร์สำหรับ All Access Bundle)!
การขายดาวฤกษ์
รายละเอียด
รับส่วนลด 40% สำหรับปฏิทินกิจกรรม Pro - ปฏิทิน การจองตั๋ว และเครื่องมือ WordPress อันทรงพลังเพื่อจัดการกิจกรรมของคุณตั้งแต่ต้นจนจบ
ทริปเปตโต โปร
รายละเอียด
รับส่วนลด 10% สำหรับใบอนุญาต Tripetto Pro
UnlimtedWP
รายละเอียด
รับส่วนลด 20% สำหรับเดือนแรกของคุณจาก UnlimitedWP
นักแต่งเพลงภาพ
รายละเอียด
รับส่วนลด 10% สำหรับ Visual Composer - สร้างเว็บไซต์ WordPress ของคุณวันนี้ เริ่มง่าย. สร้างอย่างรวดเร็วWooFunnels
รายละเอียด
เพิ่มผลกำไรของคุณเป็นสองเท่าในช่วงพีคซีซั่นนี้! ประหยัดได้มากสำหรับ WordPress Funnel Builder & Marketing Automation Engine ของ WooFunnels!
WP จัดการ
รายละเอียด
ส่วนลดพิเศษ 30% สำหรับ WP Adminify - ชุดเครื่องมืออันทรงพลังสำหรับแดชบอร์ด WordPress ของคุณ
บัฟ WP
รายละเอียด
ส่วนลด 10% จาก WP Buffs - พันธมิตรด้านเทคนิค 24/7 ของคุณสำหรับแผนการดูแลและบริการบำรุงรักษา
WP ดึงความสนใจ
รายละเอียด
ประหยัด 40% สำหรับ Draw Attention รุ่นไม่จำกัด - เครื่องมืออันดับ 1 สำหรับการสร้างภาพแบบโต้ตอบบน WordPress
เครื่องยนต์ WP
รายละเอียด
รับฟรี 4 เดือนสำหรับแผนรายปีหรือ 20% สำหรับเดือนแรกสำหรับแผนรายเดือน
WP Event Manager
รายละเอียด
รับส่วนลด 10% จาก WP Event Manager - ปฏิทิน การจองตั๋ว และเครื่องมือ WordPress อันทรงพลังเพื่อจัดการกิจกรรมของคุณ
WP โยกย้าย DB Pro
รายละเอียด
ข้อเสนอสำหรับลูกค้าใหม่ — ประหยัดได้ถึง 50% ในปีแรกของ WP Migrate DB Pro สำหรับการใช้งานส่วนบุคคล WP Migrate DB Pro ช่วยให้คุณสามารถคัดลอกไซต์ WordPress ทั้งหมดจากสภาพแวดล้อมหนึ่งไปยังอีกสภาพแวดล้อมหนึ่งได้ด้วยคลิกเดียวในแดชบอร์ดของคุณ
WP Webhooks Pro
รายละเอียด
ส่วนลดพิเศษ 15% จาก WP Webhooks Pro ขยายเว็บไซต์ของคุณด้วยระบบเว็บฮุคที่ทรงพลังที่สุด (ส่วนลดใช้กับรอบบิลแรก)
ปลั๊กอิน Yith WooCommerce
รายละเอียด
คว้าทุกอย่างด้วยส่วนลด 30%! ไม่ต้องใช้คูปอง2. สร้างแอนิเมชั่นของคุณ
เมื่อคุณติดตั้งปลั๊กอินแล้ว ให้ไปที่ Scrollsequence → เพิ่ม New Scrollsequence เพื่อตั้งค่าแอนิเมชั่นการเลื่อนครั้งแรกของคุณ
แอนิเมชั่นแต่ละรายการประกอบด้วยฉากตั้งแต่หนึ่งฉากขึ้นไป และแต่ละฉากจะมีรูปภาพหลายภาพเรียงตามลำดับ ปลั๊กอินจะสร้างแอนิเมชั่นตามรูปภาพทั้งหมดในลำดับ
“ฉาก” คือลำดับแอนิเมชั่นที่สมบูรณ์ชุดหนึ่ง หากคุณตัดสินใจที่จะเพิ่มหลายฉาก ผู้ใช้จะเลื่อนไปยังฉากถัดไปเมื่อพวกเขาเลื่อนดูภาพเคลื่อนไหวของฉากแรกจนหมด
ในสถานการณ์ส่วนใหญ่ คุณจะต้องสร้างภาพตามลำดับของคุณบนวิดีโอพื้นฐาน ในการแปลงวิดีโอที่มีอยู่เป็นลำดับของรูปภาพแยกกัน คุณสามารถใช้หนึ่งในเครื่องมือเหล่านี้ได้จากเอกสารประกอบของปลั๊กอิน ตัวเลือกที่ง่ายที่สุดคือตัวแปลง Ezgif บนเบราว์เซอร์ แต่คุณจะได้คุณภาพที่ดีขึ้นด้วยซอฟต์แวร์เฉพาะ
สร้างฉากและเพิ่มรูปภาพ
เมื่อคุณสร้างแอนิเมชั่นระดับสูงแล้ว ให้คลิกปุ่ม เพิ่มฉาก เพื่อเพิ่มฉากแรกของคุณ
การดำเนินการนี้จะขยายชุดตัวเลือกใหม่ที่ให้คุณอัปโหลดรูปภาพทั้งหมดสำหรับลำดับแอนิเมชั่นของคุณ นักพัฒนาแนะนำให้อัปโหลดภาพอย่างน้อย 50-100 ภาพต่อฉากเพื่อให้แน่ใจว่าภาพเคลื่อนไหวจะราบรื่น
เมื่อคุณอัปโหลดรูปภาพแล้ว คุณสามารถใช้ตัวเลือกการจัดเรียงเพื่อให้แน่ใจว่ารูปภาพเหล่านั้นอยู่ในลำดับที่ถูกต้อง หากไม่อยู่ในลำดับที่ถูกต้อง ภาพเคลื่อนไหวของคุณจะดูไม่ถูกต้อง
หากคุณต้องการสร้างฉากอื่น คุณสามารถทำได้โดยคลิกไอคอนเครื่องหมายบวกที่อยู่ถัดจากแท็บ Scene 0
เพิ่มเนื้อหาคงที่และแอนิเมชั่น
ในการเพิ่มเนื้อหาคงที่ซึ่งปรากฏบนรูปภาพแอนิเมชั่น คุณสามารถใช้กล่อง เนื้อหาคง ที่สำหรับเนื้อหานั้นได้
จากนั้น คุณสามารถใช้ส่วน นิเมชั่นเนื้อหาคง ที่เพื่อตั้งค่ากฎแอนิเมชั่น เราครอบคลุมรายละเอียดนี้ในขั้นตอนที่ #4 ของการตรวจสอบ Scrollsequence ของเรา แต่แนวคิดพื้นฐานมีดังนี้:
- คุณเพิ่มตัวเลือก CSS ให้กับเนื้อหาในกล่อง เนื้อหาคง ที่ (โดยใช้แท็บ ข้อความ )
- คุณตั้งค่ากฎแอนิเมชันของคุณในกล่อง นิเมชั่นเนื้อหาคง ที่โดยกำหนดเป้าหมายตัวเลือก CSS เหล่านั้น แล้วเลือกเวลาสำหรับวิธีทำให้เนื้อหาเคลื่อนไหวภายในตัวเลือกเหล่านั้น ตัวอย่างเช่น คุณสามารถพูดได้ว่าคุณต้องการแสดงข้อความสำหรับรูปภาพ 30-55
ต่อไปนี้คือตัวอย่างการเพิ่มตัวเลือก CSS ให้กับเนื้อหาของคุณ:
ต่อไปนี้คือลักษณะการตั้งค่ากฎของแอนิเมชัน:
นอกจากการทำให้เนื้อหาคงที่ของคุณเคลื่อนไหวแล้ว คุณยังสามารถปรับระยะเวลาของรูปภาพได้อีกด้วย
กำหนดการตั้งค่าอื่นๆ ตามความจำเป็น
การตั้งค่าฉาก รูปภาพ และเนื้อหาคงที่เป็นส่วนที่สำคัญที่สุดในการสร้างแอนิเมชั่น
อย่างไรก็ตาม Scrollsequence ยังให้การตั้งค่าอื่นๆ แก่คุณในอินเทอร์เฟซนี้ซึ่งคุณอาจต้องการสำรวจ
ตัวอย่างเช่น คุณสามารถปรับขนาดภาพและการจัดตำแหน่งที่ด้านล่างของพื้นที่การตั้งค่าฉาก
คุณยังได้รับการตั้งค่าทั่วไปในพื้นที่ การตั้งค่าลำดับการเลื่อน ของแถบด้านข้าง ในวิดเจ็ตนี้ คุณสามารถควบคุมความกว้างของรูปภาพและความล่าช้าในการเลื่อน รวมทั้งเพิ่ม CSS ที่กำหนดเองได้หากต้องการ
เผยแพร่แอนิเมชั่นของคุณ
ในการดำเนินการให้เสร็จสิ้น ให้คลิกปุ่ม เผยแพร่ เพื่อเผยแพร่แอนิเมชั่นของคุณ เช่นเดียวกับที่คุณทำในบล็อกโพสต์
เมื่อคุณเผยแพร่ คุณจะพบรหัสย่อของแอนิเมชั่นนี้โดยไปที่ Scrollsequence → Scrollsequence :
เก็บรหัสย่อนี้ไว้ใกล้มือเพราะคุณต้องการมันในไม่กี่วินาทีเพื่อเพิ่มแอนิเมชั่นบนแถบเลื่อนใน Elementor
3. เพิ่มแอนิเมชั่นการเลื่อนของคุณไปที่ Elementor
เมื่อคุณพอใจกับแอนิเมชั่นการเลื่อนของคุณแล้ว คุณก็พร้อมที่จะเพิ่มไปยังการออกแบบ Elementor ของคุณ
คุณสามารถสร้างการออกแบบ Elementor แยกต่างหากสำหรับแอนิเมชั่นการเลื่อนโดยเฉพาะ หรือคุณอาจรวมแอนิเมชั่นการเลื่อนเป็นส่วนหนึ่งของการออกแบบที่ใหญ่ขึ้นก็ได้ ในกรณีนี้ เนื้อหาด้านบนและด้านล่างของภาพเคลื่อนไหวการเลื่อนจะยังคงเป็นแบบคงที่
ในการเริ่มต้น ให้เปิดตัวแก้ไข Elementor สำหรับเนื้อหาที่คุณต้องการเพิ่มแอนิเมชั่นการเลื่อนของคุณ
ต่อไปนี้เป็นวิธีเพิ่มภาพเคลื่อนไหวการเลื่อน:
- เพิ่มวิดเจ็ต Shortcode ของ Elementor ที่คุณต้องการให้ภาพเคลื่อนไหวการเลื่อนปรากฏขึ้น
- วางรหัสย่อ ของ ภาพเคลื่อนไหว ( อีกครั้ง คุณสามารถค้นหาสิ่งนี้ได้โดยไปที่ Scrollsequence → Scrollsequence )
- คลิกปุ่ม นำ ไปใช้ในการตั้งค่าวิดเจ็ตรหัสย่อเพื่อให้ Elementor สร้างตัวอย่างภาพเคลื่อนไหวของคุณในโปรแกรมแก้ไข
คุณสามารถสัมผัสประสบการณ์แอนิเมชั่นเต็มรูปแบบโดยไม่ต้องออกจากตัวแก้ไข Elementor เพียงแค่เลื่อนลงมาในการแสดงตัวอย่างภาพ!
และนั่นคือทั้งหมด คุณเพิ่งเรียนรู้วิธีตั้งค่าแอนิเมชั่นการเลื่อนภาพยนตร์ใน Elementor เหมือนกับที่ Apple ทำกับแลนดิ้งเพจจำนวนมาก
หากคุณต้องการสร้างแอนิเมชั่นเพิ่มเติมหรือเพิ่มฉากใหม่ให้กับแอนิเมชั่นของคุณ คุณเพียงแค่ต้องทำซ้ำขั้นตอนจากด้านบน
สร้าง Elementor แรกของคุณในแอนิเมชั่นการเลื่อนวันนี้
ผู้คนต่างชื่นชอบ Elementor เนื่องจากความยืดหยุ่นในการสร้างการออกแบบของคุณ
อย่างไรก็ตาม สิ่งหนึ่งที่ Elementor ไม่สามารถทำได้ ด้วยตัวเอง คือตั้งค่าประเภทของภาพยนตร์บนภาพเคลื่อนไหวแบบเลื่อนที่คุณเห็นจาก Apple และอื่นๆ
ด้วยการจับคู่ Elementor กับ Scrollsequence คุณสามารถเพิ่มแอนิเมชั่นประเภทนี้ลงในการออกแบบ Elementor ของคุณได้อย่างง่ายดาย
หากคุณต้องการทดลองใช้ คุณมีสองตัวเลือก:
- เพียงใช้ Scrollsequence เวอร์ชันฟรีที่ WordPress.org
- ใช้การทดลองใช้ฟรี 14 วันเพื่อเข้าถึงคุณลักษณะพรีเมียมทั้งหมดใน Scrollsequence
หากคุณตัดสินใจว่าต้องการใช้ Scrollsequence รุ่นพรีเมียม คุณสามารถใช้คูปอง Scrollsequence สุดพิเศษของเราเพื่อรับส่วนลด 20% สำหรับการสั่งซื้อของคุณ
20i WordPress Hosting
รายละเอียด
ส่วนลดพิเศษ 50% จาก 20i WordPress Hosting สำหรับผู้อ่าน WP Mayor เท่านั้นAstra
รายละเอียด
รับส่วนลดพิเศษ 10% จาก Astra Pro, ชุด Essential และชุด Growthลดราคาวันเกิด Astra
รายละเอียด
ส่วนลด 25% สำหรับชุด Astra Pro หรือ Astra Agency พร้อมสิทธิ์เข้าร่วมการจับรางวัลฟรีเพื่อลุ้นรับ iMac ใหม่ล่าสุด!ออโตนามิ
รายละเอียด
ส่วนลดพิเศษ 10% สำหรับ Autonami – จัดการความสัมพันธ์กับลูกค้าโดยใช้การแท็ก การแบ่งส่วน และการออกอากาศโดยไม่ต้องออกจาก WordPressอวาดา
รายละเอียด
Avada คือสุดยอดเครื่องมือสร้างเว็บไซต์ WordPress ได้รับความไว้วางใจจากผู้เริ่มต้น นักการตลาด และมืออาชีพ สร้างขึ้นโดยคำนึงถึงการใช้งานและประสิทธิภาพBarn2
รายละเอียด
ผู้อ่าน WP Mayor ได้รับส่วนลดเพิ่มเติม 5% สำหรับดีล Black Friday 30%! สิ่งนี้จะถูกนำไปใช้โดยอัตโนมัติเมื่อชำระเงินตัวสร้างบีเวอร์
รายละเอียด
รับส่วนลด 25% จาก Beaver Builder - เครื่องมือสร้างเพจ WordPress ที่คุณวางใจได้ในธุรกิจของคุณBluehost
รายละเอียด
Bluehost เป็นผู้ให้บริการโฮสติ้งที่ใช้ร่วมกันของ WordPress ที่เราแนะนำ รับส่วนลดสูงสุด $15 ต่อเดือนสำหรับโฮสติ้งที่ใช้ร่วมกันของ Bluehostฟรีโดเมนกับ Bluehost
รายละเอียด
รับการจดทะเบียนโดเมนฟรีเมื่อสมัครใช้บริการโฮสติ้งราคาไม่แพงและเชื่อถือได้ของ Bluehostกระดานข่าว
รายละเอียด
ลด 20% จากแผนทั้งหมดจาก Bulletin! ปลั๊กอินแบนเนอร์ประกาศที่ง่ายและมีประสิทธิภาพที่สุดสำหรับไซต์ WordPress ของคุณElementor Pro
รายละเอียด
เข้าร่วมชุมชนของมืออาชีพกว่า 8 ล้านคนที่สร้างเว็บไซต์ ทำงานร่วมกัน และเติบโตไปพร้อมกับแพลตฟอร์มการสร้างเว็บอันดับ 1 สำหรับ WordPressธีมเครื่องยนต์
รายละเอียด
รับส่วนลด 35% EngineThemes - ธีมแอปพลิเคชัน WordPress ที่สร้างขึ้นอย่างเชี่ยวชาญสำหรับงานฝีมือของคุณปลั๊กอินที่จำเป็น
รายละเอียด
รับส่วนลด 15% สำหรับชุดปลั๊กอิน EssentialPronto ออล-อิน-วัน
รายละเอียด
ฟรี 1 เดือนสำหรับลูกค้าใหม่ทุกคนในโซลูชัน Pronto All-in-one ซึ่งเป็นธีมการถ่ายภาพชั้นนำสำหรับ WordPressGroundhogg
รายละเอียด
ส่วนลดพิเศษ 15% สำหรับ GroundhoggGrowanizer
รายละเอียด
ส่วนลดพิเศษ 30% สำหรับ Growanizer – การขายอัจฉริยะรุ่นใหม่สำหรับ WooCommerceการปรากฏตัวของมนุษย์
รายละเอียด
ส่วนลดพิเศษ 20% สำหรับการแสดงตนของมนุษย์ – หยุดการเช็คเอาต์ของบอท & แบบฟอร์มสแปมโดยไม่กระทบต่อประสบการณ์ผู้ใช้ของคุณIconicWP
รายละเอียด
Black Friday นี้ คุณจะได้รับส่วนลดสูงสุดถึง 40% จากปลั๊กอิน WooCommerce ที่ช่วยกระตุ้นยอดขายของ IconicWP และชุดปลั๊กอินIconicWP
รายละเอียด
เดือนนี้ WooCommerce รับส่วนลดสูงสุด 15% สำหรับปลั๊กอิน WooCommerce ที่ช่วยกระตุ้นยอดขายของ IconicWP และชุดปลั๊กอินKBucket
รายละเอียด
รับส่วนลด 40% สำหรับปลั๊กอิน Kbucket - สร้างฮับเนื้อหาที่ปรับแต่งได้Linguise
รายละเอียด
ลด 20% สำหรับ Linguise - เพิ่มการเข้าชมเว็บไซต์ของคุณด้วยการแปลทันทีในกว่า 80 ภาษาเว็บของเหลว
รายละเอียด
ส่วนลด 35% เป็นเวลา 4 เดือนสำหรับโฮสติ้ง WordPress ที่มีการจัดการเว็บของเหลว
รายละเอียด
รับส่วนลด 33% จาก Liquid Web - ผู้เชี่ยวชาญด้านโฮสติ้ง WooCommerce ที่มีการจัดการวิดเจ็ตวิดีโอแว่นขยาย
รายละเอียด
ฝัง ปรับแต่ง และทำแฮงเอาท์วิดีโออย่างปลอดภัยด้วย Magnifi Video Widget จากเว็บไซต์ของคุณในเวลาไม่กี่นาทีส่วนเสริมหลักสำหรับ Elementor
รายละเอียด
ส่วนลดพิเศษ 50% จาก Master Addons สำหรับ Elementorจดหมายข่าว กาว
รายละเอียด
จดหมายข่าว Glue เชื่อมต่อบริการอีเมลของคุณกับ WordPress เพื่อให้คุณสามารถเผยแพร่จดหมายข่าวในแบบที่คุณเผยแพร่โพสต์ในบล็อก!รับส่วนลด 15% สำหรับการซื้อครั้งแรกของคุณ
ประกาศX
รายละเอียด
สุดยอด FOMO และโซลูชันการตลาดเพื่อพิสูจน์สังคมที่ได้รับความไว้วางใจจากธุรกิจกว่า 30,000 แห่งทั่วโลกOceanWP
รายละเอียด
ธีม WordPress ที่ให้คุณมากกว่า!สั่งซื้อได้
รายละเอียด
นำการสั่งซื้อออนไลน์ไปสู่ระดับใหม่ทั้งหมด รับราคาที่ดีที่สุดสำหรับการสั่งซื้อด้วยรหัส WPMAYOROutfunnel
รายละเอียด
รับส่วนลด 25% สำหรับ Outfunnel 3 เดือนแรก – ติดตามการเยี่ยมชมเว็บไซต์และซิงค์การส่งแบบฟอร์มไปยัง CRM ของคุณหน้าชำระเงิน
รายละเอียด
ลด 15% ในหน้าชำระเงินPeepSo
รายละเอียด
รับส่วนลด 10% สำหรับแพ็คเกจ PeepSo รายปีQuicq
รายละเอียด
รับส่วนลด 20% สำหรับสองเดือนแรกของคุณในทุกแพ็คเกจของQicqลำดับการเลื่อน
รายละเอียด
รับส่วนลดพิเศษ 20% สำหรับ Scrollsequence ด้วยคูปอง WPMAYOR20 สร้างแอนิเมชั่นการเลื่อนของคุณในไม่กี่นาทีShopReady
รายละเอียด
รับส่วนลดพิเศษ 20% สำหรับ ShopReadyสปอตไลท์ PRO
รายละเอียด
รับส่วนลด 20% สำหรับ Spotlight PRO เพื่อเพิ่มผลกระทบของเนื้อหา Instagram ของคุณเป็นสองเท่า!การขายดาวฤกษ์
รายละเอียด
รับส่วนลด 40% สำหรับปลั๊กอิน IconicWP ทั้งหมดรวมถึงชุดรวม (รับส่วนลดมากถึง 199 ดอลลาร์สำหรับ All Access Bundle)!การขายดาวฤกษ์
รายละเอียด
รับส่วนลด 40% สำหรับปฏิทินกิจกรรม Pro - ปฏิทิน การจองตั๋ว และเครื่องมือ WordPress อันทรงพลังเพื่อจัดการกิจกรรมของคุณตั้งแต่ต้นจนจบทริปเปตโต โปร
รายละเอียด
รับส่วนลด 10% สำหรับใบอนุญาต Tripetto ProUnlimtedWP
รายละเอียด
รับส่วนลด 20% สำหรับเดือนแรกของคุณจาก UnlimitedWPนักแต่งเพลงภาพ
รายละเอียด
รับส่วนลด 10% สำหรับ Visual Composer - สร้างเว็บไซต์ WordPress ของคุณวันนี้ เริ่มง่าย. สร้างอย่างรวดเร็วWooFunnels
รายละเอียด
เพิ่มผลกำไรของคุณเป็นสองเท่าในช่วงพีคซีซั่นนี้! ประหยัดได้มากสำหรับ WordPress Funnel Builder & Marketing Automation Engine ของ WooFunnels!WP จัดการ
รายละเอียด
ส่วนลดพิเศษ 30% สำหรับ WP Adminify - ชุดเครื่องมืออันทรงพลังสำหรับแดชบอร์ด WordPress ของคุณบัฟ WP
รายละเอียด
ส่วนลด 10% จาก WP Buffs - พันธมิตรด้านเทคนิค 24/7 ของคุณสำหรับแผนการดูแลและบริการบำรุงรักษาWP ดึงความสนใจ
รายละเอียด
ประหยัด 40% สำหรับ Draw Attention รุ่นไม่จำกัด - เครื่องมืออันดับ 1 สำหรับการสร้างภาพแบบโต้ตอบบน WordPressเครื่องยนต์ WP
รายละเอียด
รับฟรี 4 เดือนสำหรับแผนรายปีหรือ 20% สำหรับเดือนแรกสำหรับแผนรายเดือนWP Event Manager
รายละเอียด
รับส่วนลด 10% จาก WP Event Manager - ปฏิทิน การจองตั๋ว และเครื่องมือ WordPress อันทรงพลังเพื่อจัดการกิจกรรมของคุณWP โยกย้าย DB Pro
รายละเอียด
ข้อเสนอสำหรับลูกค้าใหม่ — ประหยัดได้ถึง 50% ในปีแรกของ WP Migrate DB Pro สำหรับการใช้งานส่วนบุคคล WP Migrate DB Pro ช่วยให้คุณสามารถคัดลอกไซต์ WordPress ทั้งหมดจากสภาพแวดล้อมหนึ่งไปยังอีกสภาพแวดล้อมหนึ่งได้ด้วยคลิกเดียวในแดชบอร์ดของคุณWP Webhooks Pro
รายละเอียด
ส่วนลดพิเศษ 15% จาก WP Webhooks Pro ขยายเว็บไซต์ของคุณด้วยระบบเว็บฮุคที่ทรงพลังที่สุด (ส่วนลดใช้กับรอบบิลแรก)ปลั๊กอิน Yith WooCommerce
รายละเอียด
คว้าทุกอย่างด้วยส่วนลด 30%! ไม่ต้องใช้คูปองคุณยังมีคำถามเกี่ยวกับวิธีเพิ่มแอนิเมชั่นในการเลื่อนใน Elementor หรือไม่? แสดงความคิดเห็นในส่วนความคิดเห็นและแจ้งให้เราทราบว่าคุณคิดอะไรอยู่