Premium Widgets
Doc Embedder Widget
You can effortlessly embed Word documents (.doc, .docx) directly into your Elementor website with the Docwidget. Visitors can view the files instantly without downloading, ensuring quick access to important information. It lets you enhance document readability, keeps users engaged, and delivers a smoother browsing experience across all devices.
Let’s get started.
Add to the Page:
From your Elementor editor, navigate to the widget panel and find the Doc Embedder widget and drag and drop it into your desired section on the page.
Add Source:
In the widget settings panel, upload or select your Word document (.doc or .docx) from the media library. The document will automatically appear in the preview area, ready to be displayed on your page.
You can also embed a document using its public URL by selecting “Link” as the source type.
Content Settings:
You can adjust the viewer’s height and width, and set the alignment easily from the Doc Content Settings section.
Style Control:
Go to the Style tab to customize the appearance of the viewer. You can adjust settings such as border, border radius, and box shadow to enhance the visual appeal and make the viewer more engaged.
Publish & Go:
Finally, click on the Publish button to save and apply your changes.
You can now view your embedded document directly on your page.
That’s it!
PDF Embedder Widget
With the PDF Embedder widget, you can easily add PDF files to your website. Visitors can view PDFs instantly without downloading, providing quick access to your content and enhancing the overall user experience. This integration ensures your PDFs are displayed clearly and professionally across all devices.
Let’s begin.
Add to the Page:
In Elementor, go to the widget panel and find the PDF Embedder widget. Drag the widget onto the section of your page where you want your PDF to appear.
Add Source:
In the widget settings, upload your PDF file from the media library or select an existing one. A live preview of the PDF will appear, ready to be displayed on your page.
If your PDF is hosted online, you can display it by choosing ‘Link’ as the source and entering the file’s public URL.
Content Settings:
Use the PDF Content Settings section, to adjust the viewer’s size and alignment so it fits perfectly on your page.
Style Control:
Switch to the Style tab to personalize the PDF viewer’s look. You can modify the border, round the corners, add shadows, and tweak other settings to make it visually appealing.
Publish & Go:
When you’re done customizing, click the Publish button to save your changes. You can now view your embedded PDF directly on your page.
That’s all!
Word Viewer Widget
With the Word Viewer widget, you can easily embed Word documents (.doc, .docx) on your website. Visitors can read your files right on the page without downloading them. This tool helps you present documents in a polished, user-friendly way that looks great on any device.
We can start now.
Add to the Page:
From the Elementor editor, find the Word Viewer widget and drop it into the spot on your page where you’d like to display your Word document.
Add Source:
In the widget settings, upload your Word document from the media library or choose one that’s already uploaded. A live preview of the document will be shown, ready to be embedded on your page.
Content Settings:
In the Word Viewer Settings section, you can adjust the viewer’s size and alignment to ensure it fits perfectly on your page. You can also set a custom file name and enable a download button for your document
Style Control:
Switch to the Style tab to personalize the Word viewer’s look. In the Viewer Layout section, you can set borders, border radius, add shadows, and other settings to make it visually appealing.
You can adjust the file name’s appearance from the File Name section under the Style tab.
You can further customize the download button in the Button Style section.
Publish & Go:
After that, click on the Publish button to save your changes. Your Word is now visible and ready to view right on this page.
Great job! You have done it successfully.
Excel Viewer Widget
You can easily display Excel files (.xls, .xlsx) on your website with the Excel Viewer widget. The visitor can view your spreadsheets. This widget offers a clean, interactive way to present your Excel content that looks professional on any device.
Ready to start.
Add to the Page:
In Elementor, open the widget panel and search for the Excel Viewer widget. Simply drag it into the area of your page where you want your Excel sheet to appear.
Add Source:
In the widget settings, upload your Excel file from the media library or select an existing one. A live preview of your spreadsheet will appear instantly, ready to be displayed on your page.
You can also show an Excel file from the web. Simply, pick Link as the source type and provide the public URL.
Content Settings:
In the Excel Viewer Settings section, you can customize the viewer’s dimensions and alignment to match your page layout. You can also specify a custom file name and activate the download button to give users easy access to your Excel file.
Style Control:
Use the Style tab to personalize the appearance of your Excel viewer. In the Viewer Layout section, you can adjust the border, corner radius, shadows, and other visual settings to create an attractive and polished display.
You can customize how the file name looks by using the File Name settings within the Style tab.
You can enhance the look and feel of the download button by configuring its design options in the Button Style section, allowing you to match it seamlessly with your page’s overall style.
Publish & Go:
Finally, after completing all the customization, click on ‘Publish’ to see your work live. Now, you can view your spreadsheets on your website.
PowerPoint Embedder Widget
The PowerPoint Embedder widget lets you easily embed PowerPoint slides (.ppt, .pptx) directly on your website. Users can browse through your presentation instantly, without downloading, making it simple to share information effectively. This widget delivers a polished and interactive display, ensuring your slides look great on any device.
Let’s follow the documentation steps.
Add to the Page:
In Elementor, open the widget panel and find the PowerPoint Embedder widget. Drag it to the spot on your page where you want your presentation to be displayed.
Add Source:
In the widget settings, you can add your PowerPoint file (.ppt or .pptx) either by uploading a new one or selecting an existing file from the media library. Once added, a preview of your slides will appear instantly, giving you a clear view of how your presentation will look on the page.
If your PowerPoint presentation is hosted online, you can embed it by selecting ‘Link’ as the source and entering the presentation’s public URL.
Content Settings:
Within the PowerPoint Viewer Settings section, you can easily adjust the size and alignment of your presentation to ensure it fits seamlessly on your page. These settings help create a polished, professional display that integrates smoothly with your layout.
Style Control:
Go to the Style tab to customize the appearance of your PowerPoint viewer. You can adjust borders, border radius, shadows, and other visual settings to create an attractive and professional presentation display that enhances your page’s overall design.
Publish & Go:
Finally, after clicking the Publish button, you will see the PDF on your webpage.
Great job! You have done it successfully.
PowerPoint Viewer Widget
The PowerPoint Viewer widget provides an easy way to embed your PowerPoint presentations (.ppt, .pptx) directly on your website. It allows visitors to interact with your slides in real time, eliminating the need for downloads and ensuring immediate access to your content. With its responsive interface, this widget delivers a professional presentation experience.
Follow the step-by-step instructions in the documentation to quickly add and set up the PowerPoint Viewer widget on your site.
Add to the Page:
In the Elementor editor, find the PowerPoint Viewer widget in the widget panel and place it into the section of your page where you want your presentation to appear.
Add Source:
In the widget settings, upload a new PowerPoint file (.ppt or .pptx) or choose one from your media library.
To add an online presentation, choose ‘Link’ as the source type and provide the public URL of your PowerPoint file for instant display on your website.
Content Settings:
In the PowerPoint Viewer settings section, you can adjust the presentation‘s size and alignment to fit seamlessly within your page design. You can also set a custom file name and enable the download option, allowing visitors to access and save your presentation easily.
Style Control:
Within the Style tab, you’ll find options to customize the design of your PowerPoint viewer. Adjust layout elements such as borders, border radius, and shadow effects to create a smooth, modern appearance that complements your page design.
In the Style tab, the File Name section lets you customize the appearance of your file title by adjusting its font, color, and alignment to match your page’s overall style.
Customize the appearance of the download button from the Button Style section. Adjust its design, colors, and typography to ensure it complements your PowerPoint viewer and aligns perfectly with your site’s visual theme.
Publish & Go:
You can click on the ‘Publish Button’ when you’re done. Now you see the preview of the PowerPoint on your website.
That’s it!
Google Docs Widget
The Google Doc Viewer widget lets you embed Google Docs directly onto your website. It has a clean, responsive design that fits any screen, from desktops to mobile phones. Your documents will always look professional.
Let’s begin to embed the Google Doc viewer.
Add to the Page:
In the Elementor editor, find the Google Doc Viewer widget in the widget panel, then drag and drop it into the section of your page where you’d like your Google document to be displayed.
Add Source:
In the widget settings, you can add your Google document either by connecting its link or selecting one from your library. Once added, a real-time preview of the document will appear, so you can instantly see how it will look on your page.
To embed an online Google Doc, select “Link” as the source type and enter the document’s public URL to display it directly on your website.
Content Settings:
In the Google Doc Viewer settings, you can customize the document’s size and alignment to ensure it fits perfectly within your page layout. You can also assign a custom file name, making it easy for visitors to identify and access the document.
Style Control:
In the Style tab, you can personalize the appearance of your Google Doc viewer. Modify settings such as borders, corner rounding, shadows, and other design elements to create a clean, modern look that integrates seamlessly with your page.
In the Style tab, the File Name settings let you customise how your document title appears. You can adjust the font, color, and alignment to ensure it blends seamlessly with your page design.
Publish & Go:
Once you’ve completed your settings, click the Publish button. Your Google document will be visible on your website.
Google Sheets Widget
Showcase your Google Sheets directly on your site. This widget lets visitors view and interact with your data instantly. They never have to leave the page or download files. The responsive design keeps everything clear and professional across all screens.Get started by following the documentation. You’ll learn how to add and set up the Google Sheets Viewer widget quickly.
Add to the Page:
To begin, open the Elementor editor and look for the Google Sheets Embedder widget. Once you’ve found it, simply place it in the section of your page where you’d like your spreadsheet to appear.
Add Source:
From the widget settings, simply paste the public link of your Google Sheet to connect it. The sheet will load automatically within the preview area, letting you review how it appears before publishing.
Content Settings:
In the Google Sheets Viewer settings, you can easily adjust the size and position of your embedded sheet to fit neatly into your page layout. You can also add a custom file name to make your spreadsheet easier for visitors to find and identify.
Style Control:
Use the Style tab to change how your Google Sheet looks on your page. You can adjust the borders, round the corners, add shadow effects, and modify other design details to give your spreadsheet a clean and professional appearance that fits perfectly with your site.
Within the Style tab, you can adjust the spreadsheet title’s font, color, and alignment. This ensures your document name fits seamlessly with the design of your page.
Publish & Go:
After configuring your settings, press the Publish button. Your Google Sheet will now appear on your page, fully interactive and ready for visitors to view.
That’s all!
Google Slides Widget
Easily add Google Slides to your website with this widget. This widget lets visitors view your presentation instantly. It provides an interactive experience and looks great on all screens.
To get started, follow the step-by-step instructions in the documentation to quickly add and set up the Google Slides Viewer widget on your site.
Add to the Page:
Open the Elementor editor, find the Google Slides Viewer widget in the panel, and place it in the section of your page where you want your presentation to appear.
Add Source:
In the widget settings, add your Google Slides presentation by selecting an existing file from your documents.
To embed an online Google Slides presentation, select “Link” as the source type and enter the presentation’s public URL.
Content Settings:
In the Google Slides settings, you can adjust the presentation’s dimensions and placement to ensure it fits seamlessly within your page layout. You can also assign a custom file name to make it easy for visitors to identify and access your slides.
Style Control:
Go to the Style tab to customize how your presentation appears on the page. You can fine-tune elements such as borders, border radius, and shadow effects to create a sleek, modern look that complements your website’s overall design.
In the Style tab, you can customize the appearance of your presentation title by adjusting its font, color, and alignment. This helps your slide title blend perfectly with the overall style and layout of your page.
Publish & Go:
Once you’ve finished adjusting your settings, click the Publish button. Your Google Slides presentation will now be live on your website.
Perfect! You have done it successfully.
PDF Native Embedder Widget
The PDF Native Embedder widget lets you display PDF files directly on your website. Just follow the steps in this guide to embed your file. Once added, visitors can view the PDF right on the page.
Let’s get started.
Add to the Page:
In the Elementor editor, navigate to the PDF Native Embedder widget. Simply drag it into the area of your page where you’d like the PDF to appear, and it will be ready for you to set up and display your document.
Add Source:
In the widget settings, upload your PDF file or select one directly from your media library.
To embed an online PDF, choose “Link” as the source option, then paste the public URL of your PDF.
Content Settings:
In the PDF Native Embedder settings, you can easily adjust the document’s size and alignment to match your page layout. You can also set a custom file name and enable the download option, allowing visitors to view or save the PDF directly from your website.
Style Control:
Use the Style tab to customize how your PDF appears on the page. You can adjust the border, border radius, add shadows, and tweak other visual elements to give your document a clean and professional look.
Within the Style tab, you can format the PDF’s title in the File Name section. Adjust the font, color, and alignment so that it matches your page’s design and looks consistent with your site.
In the Button Style section, you can personalize the download button’s appearance. Modify its colors, typography, and design to make it visually consistent with your PDF viewer and your website’s overall style.
Publish & Go:
Lastly, click on the Publish button. You will view the PDF on your website with the Native PDF viewer.
Well done! Your setup is complete, and everything is ready to use.
Sleek PDF Viewer Widget
Embed your PDFs directly and flawlessly. Our viewer delivers a native, browser-integrated experience that feels like a natural part of your site. Your documents look clean and professional on any device. This simple design provides a superior viewing experience for every visitor.
Get started in minutes. Simply follow our clear documentation to embed.
Add to the Page:
Simply find the Sleek PDF Viewer widget in your Elementor panel and drag it directly onto your page. Your viewer will appear instantly, awaiting your PDF.
Add Source:
In the widget panel, simply attach your PDF by uploading a new file or choosing one from your media library.
For PDFs hosted online, use the “Link” source option. Paste the public URL, and the viewer will stream the document directly to your page, offering visitors instant, native viewing.
Content Settings:
Easily customize the viewer to fit your needs: adjust its size and alignment to blend seamlessly with your page layout, set a custom file name for clarity, and choose whether to enable the download option for your visitors.
Style Control:
To style your PDF viewer, use the Style tab. Here, you can easily customize its appearance by adding borders, rounding the corners, and applying shadow effects. These simple adjustments help your document look polished and professionally integrated into your webpage.
You can customize how your PDF’s title appears by using the File Name section within the Style tab. Here, you can adjust the font, color, and alignment to ensure the title matches your website’s design and maintains a consistent, professional look across your page.
Use the Button Style controls to match its colors, font, and overall design to your PDF viewer and site, ensuring a unified and professional experience.
Publish & Go:
Finalize your setup by clicking Publish.
You’re all set! Your visitors can now experience your PDFs in a clean, modern viewer.
3D Flip PDF Viewer Widget
Our advanced 3D Flipbook Viewer renders your documents as interactive digital art, complete with dynamic shadows and a fluid, natural page curl. This premium format projects a high-value brand image and transforms casual browsing into a focused, professional reading experience.
Let’s get started on designing your 3D flipbook quickly using our step-by-step guides.
Add to the Page:
Drag the 3D Flip PDF Viewer widget onto your page. A blank, interactive stage will load instantly, awaiting your content.
Add Source:
In the widget settings, you can easily add your PDF in two simple ways:
- Upload a new file directly from your computer
- Choose an existing file from your media library
You can also create a flipbook from a PDF hosted online. Just select the “Link” source option and paste the document’s public URL.
Content Settings:
You can easily customize your flipbook to create the perfect experience for your visitors. Adjust its size and position to fit your page layout, give it a clear title, and choose whether to show or hide the download button based on your needs.
Style Control:
Make your 3D Flip PDF Viewer match your website’s style using the Style tab. You can easily customize its appearance by adding borders, rounding the corners for a softer look, and applying subtle shadow effects to create depth.
You can easily change the font style, text color, and alignment to match your website’s design. This helps maintain a consistent and professional appearance that complements your brand.
Use the Button Style controls to design a download button that complements your 3D Flip PDF Viewer’s elegant appearance. Match its colors, typography, and shape to create a seamless visual connection with both your interactive publication and your website’s aesthetic.
Publish & Go:
Once you’ve finished adjusting your settings, click the Publish button.
You’re all set! The 3D Flip PDF Viewer is now ready and live on your page.
Was this page helpful?
Save 90%