User Manual for Elementor Free Widgets

Uploaded by

office work

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

24 views

User Manual for Elementor Free Widgets

Uploaded by

office work

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

You are on page 1/ 6

User Manual for Elementor Free Widgets

Elementor is a popular WordPress page builder that provides a wide array of widgets to help
create stunning web pages. Below is an overview of all the widgets included in the free version
of Elementor, along with their applications, customization tips, and illustrative images.
1. Heading Widget
Application: The Heading Widget allows users to add titles or headers to their web pages. This
widget is perfect for emphasizing key sections, articles, or any significant content.
Customization Tips:
- Adjust the typography settings (font size, family, and weight) for better readability.
- Use color and background options to make the heading stand out.
- Apply motion effects like fade-in for dynamic visuals.

2. Image Widget
Application: The Image Widget helps users insert and display images with ease. It's useful for
adding visual elements that capture attention and break up text.
Customization Tips:
- Choose between various image sizes (thumbnail, medium, large, custom).
- Add hover effects or CSS filters to enhance interactivity.
- Use border-radius settings for rounded image corners.

3. Text Editor Widget

Application: The Text Editor Widget functions as a mini WordPress editor, enabling users to add
blocks of text. It is ideal for adding paragraphs, descriptions, and rich content.
Customization Tips:
- Utilize the text formatting tools (bold, italic, underline) for emphasis.
- Customize the spacing and alignment to match your page layout.
- Add hyperlinks and bullet points for better navigation and readability.
4. Button Widget
Application: The Button Widget is essential for creating call-to-action (CTA) buttons. Use this
to link to other pages, forms, or external websites.
Customization Tips:
- Choose from various pre-set button styles or create a custom look.
- Modify the hover color and animation for interactive responses.
- Adjust the padding and border to make the button more prominent.

5. Image Box Widget

Application: The Image Box Widget combines images and text in an appealing layout, ideal for
showcasing services or products.
Customization Tips:
- Align the image and text to the left, right, or center.
- Use hover effects for interactive displays.
- Adjust the background and shadow settings for a 3D effect.

6. Video Widget
Application: The Video Widget allows users to embed videos from platforms like YouTube or
Vimeo. This is useful for tutorials, product demos, or any engaging content.
Customization Tips:
- Enable auto play, loop, and mute options for a seamless user experience.
- Customize the start and end times for specific content sections.
- Add a custom thumbnail for a professional touch.

7. Icon List Widget

Application: The Icon List Widget helps create bulleted lists with customizable icons, perfect
for displaying features or benefits.
Customization Tips:
- Choose icons from Elementor’s library or upload custom SVGs.
- Adjust the spacing between items for a clean layout.
- Change icon colors and size to match your branding.

8. Divider Widget
Application: The Divider Widget allows users to add horizontal lines to separate sections of
content, enhancing readability.
Customization Tips:
- Modify the line style (solid, dashed, dotted) for different effects.
- Adjust the thickness and width of the line.
- Add color gradients for a modern look.

9. Spacer Widget
Application: The Spacer Widget provides customizable blank space between elements to
improve layout and design.
Customization Tips:
- Adjust the height to create the necessary white space.
- Use multiple spacers for complex layouts.
- Set responsive settings to ensure proper spacing on mobile devices.

10. Google Maps Widget

Application: The Google Maps Widget allows embedding an interactive map for displaying
locations.
Customization Tips:
- Change the zoom level and map type (roadmap, satellite).
- Customize the pin color for branding consistency.
- Add multiple locations by embedding custom code.

11. Icon Widget

Application: The Icon Widget is used to add visual icons to pages for visual appeal and better
user experience.
Customization Tips:
- Choose from Elementor’s built-in icons or upload your own.
- Customize size, rotation, and color for consistency.
- Add hover animations for interactive design.

12. Progress Bar Widget

Application: The Progress Bar Widget helps showcase progress or skill levels with customizable
bars.
Customization Tips:
- Change the fill color and background to match your theme.
- Add percentage labels for clarity.
- Adjust the animation speed for a smoother effect.

13. Social Icons Widget

Application: The Social Icons Widget allows linking to social media profiles with attractive
icons.
Customization Tips:
- Choose between square, circle, or custom-shaped icons.
- Adjust size and spacing for uniformity.
- Customize hover effects to highlight icons.

14. Alert Widget

Application: The Alert Widget displays messages or alerts to the user with customizable colors
and dismiss options.
Customization Tips:
- Customize the text, background, and border colors.
- Choose between subtle or attention-grabbing styles.
- Enable or disable the dismiss button for user interaction.
15. HTML Widget
Application: The HTML Widget allows embedding custom code or scripts directly into the web
page.
Customization Tips:
- Ensure code is error-free to avoid page issues.
- Use for embedding widgets, forms, or third-party services.
- Adjust CSS styles within the code for custom looks.

16. Shortcode Widget

Application: The Shortcode Widget is useful for adding WordPress shortcodes to execute
custom features.
Customization Tips:
- Paste WordPress shortcodes for custom plugins or features.
- Test shortcode output before publishing.
- Combine with Elementor sections for added flexibility.

17. Menu Anchor Widget

Application: The Menu Anchor Widget helps create anchor links that scroll to specific sections
on the page.
Customization Tips:
- Name the anchor ID clearly for easy linking.
- Use anchor links in buttons or menu items for smooth navigation.
- Test anchor functionality to ensure proper scrolling.

18. Sidebar Widget

Application: The Sidebar Widget displays a WordPress sidebar on the page, useful for blog
pages and layouts.
Customization Tips:
- Choose which sidebar to display (default, custom).
- Customize widget areas within the WordPress Customizer.
- Adjust margins and padding for a cohesive design.

19. Search Form Widget

Application: The Search Form Widget provides an easy way to add a search bar to your site,
improving user navigation and helping visitors find content quickly.
Customization Tips:
- Customize the placeholder text to guide users.
- Adjust button styling and input field width.
- Add custom CSS for advanced modifications.

20. Sound Cloud Widget

Application: The Sound Cloud Widget embeds audio tracks from Sound Cloud, ideal for
showcasing music or podcasts directly on the page.
Customization Tips:
- Adjust the widget's height and auto-play settings.
- Customize the visual display (e.g., show/hide the track info).
- Ensure the embedded track URL is public for correct playback.

21. Counter Widget

Application: The Counter Widget helps display numerical data such as achievements, stats, or
other key figures with a dynamic counting effect.
Customization Tips:
- Set the start and end numbers and adjust the animation speed.
- Customize number size, color, and background for emphasis.
- Add a suffix or prefix (e.g., “+” or “%”) for clarity.