Elementor macro | ||||
---|---|---|---|---|
| ||||
[{"id":"6l18j","order":1647412745364,"background":{"source":"attachments","link":"https://caelor.atlassian.net/wiki/download/attachments/597753857/background.png?version=1&modificationDate=1647378016841&cacheVersion=1&api=v2","id":"att601653398"},"backgroundOverlay":{"isActive":true,"color":"#ffffff","opacity":0.05},"rows":[{"id":"iev4px","order":1647412745364,"type":"two_split","columns":[{"id":"rnhb8j","order":1,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"titleandtext","sectionType":"all_elements","layout":{"overline":false,"title":true,"text":false},"alignment":"left","title":"<p><span style=\"color: rgb(255, 255, 255);\">LottieFiles</span></p>","titleBold":false,"titleSize":60,"overline":"<p><span style='color: #0052cc'>OVERLINE</span></p>","overlineSize":14,"text":"<p><span style='color: #172b4d'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>","textSize":16,"lineColor":"#0052CC","lineWidth":0,"lineWeight":2,"emoji":{},"viewMode":"view","paddingLeft":50,"paddingRight":0,"hasButton":false,"button":{"buttonType":"text_only","buttonIcon":"atlaskit/StarFilledIcon","buttonSize":"small","buttonText":"Type label here","buttonRadius":4,"buttonWidth":0,"buttonColor":"#0052CC","buttonFontColor":"#FFFFFF","buttonBorderColor":"#0052CC","buttonLink":"","buttonNewTab":"false","buttonHoverColor":"#0052CC","isButtonShadowOn":"true","buttonShadow":0,"buttonIconColor":"#FFFFFF"}}},{"id":"iiq93o","order":2,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"lottie","link":"https://assets7.lottiefiles.com/packages/lf20_fclga8fl.json","size":290,"autoplay":true,"onhover":false,"loop":true}},{"id":"78d7fb","order":3,"alignment":{"vertical":"center","horizontal":"center"},"macro":{}}]},{"id":"2zpcja","order":1647412838073,"type":"two_split","columns":[{"id":"z9vo7a","order":1,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"titleandtext","sectionType":"all_elements","layout":{"overline":false,"title":true,"text":false},"alignment":"left","title":"<p><span style=\"color: rgb(255, 255, 255);\">YouTube</span></p>","titleBold":false,"titleSize":60,"overline":"<p><span style='color: #0052cc'>OVERLINE</span></p>","overlineSize":14,"text":"<p><span style='color: #172b4d'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>","textSize":16,"lineColor":"#0052CC","lineWidth":0,"lineWeight":2,"emoji":{},"viewMode":"view","paddingLeft":50,"paddingRight":0,"hasButton":false,"button":{"buttonType":"text_only","buttonIcon":"atlaskit/StarFilledIcon","buttonSize":"small","buttonText":"Type label here","buttonRadius":4,"buttonWidth":0,"buttonColor":"#0052CC","buttonFontColor":"#FFFFFF","buttonBorderColor":"#0052CC","buttonLink":"","buttonNewTab":"false","buttonHoverColor":"#0052CC","isButtonShadowOn":"true","buttonShadow":0,"buttonIconColor":"#FFFFFF"}}},{"id":"1vzad","order":2,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"youtube","link":"https://www.youtube.com/watch?v=Hd0JflMdqyM","size":380,"radius":0,"autoplay":false,"mute":false,"loop":false,"controls":true,"durationActive":false,"startTime":null,"endTime":null}},{"id":"dxk24","order":3,"alignment":{"vertical":"center","horizontal":"center"},"macro":{}}]},{"id":"633us","order":1647412838240,"type":"two_split","columns":[{"id":"hc6wx","order":1,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"titleandtext","sectionType":"all_elements","layout":{"overline":false,"title":true,"text":false},"alignment":"left","title":"<p><span style=\"color: rgb(255, 255, 255);\">Google Maps</span></p>","titleBold":false,"titleSize":60,"overline":"<p><span style='color: #0052cc'>OVERLINE</span></p>","overlineSize":14,"text":"<p><span style='color: #172b4d'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>","textSize":16,"lineColor":"#0052CC","lineWidth":0,"lineWeight":2,"emoji":{},"viewMode":"view","paddingLeft":50,"paddingRight":0,"hasButton":false,"button":{"buttonType":"text_only","buttonIcon":"atlaskit/StarFilledIcon","buttonSize":"small","buttonText":"Type label here","buttonRadius":4,"buttonWidth":0,"buttonColor":"#0052CC","buttonFontColor":"#FFFFFF","buttonBorderColor":"#0052CC","buttonLink":"","buttonNewTab":"false","buttonHoverColor":"#0052CC","isButtonShadowOn":"true","buttonShadow":0,"buttonIconColor":"#FFFFFF"}}},{"id":"u7gnxl","order":2,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"googlemaps","location":"","zoom":12,"size":300,"radius":0}},{"id":"hor0gh","order":3,"alignment":{"vertical":"center","horizontal":"center"},"macro":{}}]}]}] |
Youtube
...
Copy YouTube link.
Change Size and Radius
Use Advanced Options: Autoplay, Mute, Loop, Player Controls, Duration.
Google Maps
Google Maps is a web mapping platform and consumer application offered by Google. It offers satellite imagery, aerial photography, street maps, 360° interactive panoramic views of streets, real-time traffic conditions, and route planning for traveling by foot, car, bike, air, and public transportation.
...
Type location you want to display.
Define Zoom, Size, and Radius.
Lottie
Lottie is an open-source animation file format that’s tiny, high quality, interactive, and can be manipulated at runtime. The top 500 apps on the App store now use Lottie to engage users and enhance conversions.
...
Login to LottieFiles → https://lottiefiles.com/getting-started
Find animation.
Open animation details and click on the HTML tab.
Copy URL from the new screen. (See video)
Paste URL to Page Builder.
...