Appsfruit

relayout

Transform your WordPress website into a conversion-optimized platform with Relayout Designs – a powerful collection of professional Elementor widgets designed to enhance user experience, boost engagement, and add enterprise-grade functionality without expensive custom development.
<h4>Why Choose Relayout Designs?</h4>
Relayout Designs provides essential widgets that typically require multiple separate plugins or costly custom development. Built specifically for Elementor, each widget is production-ready, fully responsive, and designed with both functionality and aesthetics in mind.
Perfect for:
<ul>
<li>🏢 Web Agencies & Freelancers – Deliver professional features to clients faster</li>
<li>🛒 E-commerce Sites – Enhance product pages and improve conversions</li>
<li>📝 Content Creators & Bloggers – Increase engagement and readability</li>
<li>💼 Business Websites – Add professional functionality instantly</li>
<li>🚀 Marketing Teams – Create high-converting landing pages</li>
</ul>
<h4>FREE Widgets (7 Included)</h4>
1. Timeline Widget 
Create beautiful visual timelines for company history, project milestones, or process steps.
<ul>
<li>Unlimited timeline items</li>
<li>Custom icons support</li>
<li>Completed/Pending status indicators</li>
<li>Fully responsive design</li>
<li>Perfect for About pages, project showcases, roadmaps</li>
</ul>
2. FAQ Accordion Widget 
Organize your Q&A content efficiently with SEO-friendly collapsible sections.
<ul>
<li>Schema.org structured data for better SEO</li>
<li>Single or multiple accordion modes</li>
<li>Custom icons (Plus/Minus, Chevron, Arrow)</li>
<li>Expand/Collapse all functionality</li>
<li>Animation speed control</li>
<li>Reduce support tickets and improve self-service</li>
</ul>
3. Copy to Clipboard Widget 
Enable one-click copying of text, code snippets, or coupon codes.
<ul>
<li>Instant copy functionality</li>
<li>Separate display and copy text</li>
<li>Success message tooltip</li>
<li>Icon customization</li>
<li>Inline or stacked layouts</li>
<li>Perfect for documentation, tutorials, promo codes</li>
</ul>
4. Disable Right Click Widget 
Protect your images and content from easy copying.
<ul>
<li>Disable right-click context menu</li>
<li>Block text selection</li>
<li>Prevent keyboard shortcuts (F12, Ctrl+C, etc.)</li>
<li>DevTools detection with page blur</li>
<li>Customizable warning messages</li>
<li>Ideal for photographers, artists, premium content</li>
</ul>
5. Reading Progress Bar Widget 
Show visitors how far they’ve scrolled through your content.
<ul>
<li>Visual scroll indicator</li>
<li>Top or bottom positioning</li>
<li>Percentage display option</li>
<li>Multiple animation styles (smooth, bounce, elastic)</li>
<li>Gradient color support</li>
<li>Increases time-on-page and reduces bounce rates</li>
</ul>
6. Current Year Widget 
Automatically display the current year – perfect for copyright footers.
<ul>
<li>Dynamically updates every year</li>
<li>Prefix/suffix text support</li>
<li>Full typography controls</li>
<li>Alignment options</li>
<li>Set it once, forget about manual updates</li>
</ul>
<h4>Premium Widgets (10 Available)</h4>
The following widgets are available as a separate premium plugin at <a href="https://www.relayout.in/relayout-designs-elementor-widgets/" rel="nofollow ugc">relayout.in</a>. They are not included in this free plugin:
7. Feature Comparison Table ⭐ 
Create stunning side-by-side product or pricing comparisons.
<ul>
<li>Up to 5 products/plans comparison</li>
<li>Unlimited features to compare</li>
<li>16 gradient color controls</li>
<li>Responsive mobile stacking</li>
<li>Perfect for SaaS pricing, product differentiation</li>
<li>Increases conversions by up to 40%</li>
</ul>
8. Checklist Manager 
Add interactive task lists and checklists to any page.
<ul>
<li>Up to 10 checklist items</li>
<li>Persistent checked state</li>
<li>Checkbox size control</li>
<li>Custom checkmark styling</li>
<li>Great for tutorials, onboarding flows</li>
</ul>
9. Business Hours Widget 
Display your operating hours with real-time Open/Closed status.
<ul>
<li>7-day weekly schedule</li>
<li>Timezone support</li>
<li>Auto-highlight current day</li>
<li>Special hours & holidays</li>
<li>Perfect for local businesses, restaurants</li>
</ul>
10. Weather Widget 
Show location-based weather information on your site.
<ul>
<li>No API key required – 100+ pre-configured cities</li>
<li>Real-time weather data</li>
<li>Temperature, humidity, wind speed</li>
<li>Multiple layout options</li>
<li>Ideal for travel sites, event planners</li>
</ul>
11. Instagram Feed Widget 
Display your Instagram content directly on your website.
<ul>
<li>Native Instagram embeds</li>
<li>Multiple layouts (Carousel, Grid, Masonry, Pinterest)</li>
<li>Unlimited posts</li>
<li>Fully responsive</li>
<li>Build social proof, drive followers</li>
</ul>
12. Age Calculator Widget 
Interactive date-based age calculations.
<ul>
<li>Multiple display formats</li>
<li>Auto-calculate option</li>
<li>Next birthday countdown</li>
<li>Birth day of week display</li>
<li>Full styling controls</li>
<li>Perfect for insurance sites, eligibility checks</li>
</ul>
13. Cookie Consent Widget 
GDPR/CCPA compliance made simple.
<ul>
<li>Multiple layouts (Bar, Modal, Floating)</li>
<li>Cookie categories</li>
<li>Accept/Reject/Preferences buttons</li>
<li>Complete style customization</li>
<li>Legal compliance without expensive plugins</li>
</ul>
14. Business Chat Widget 
Add direct messaging to your site.
<ul>
<li>Multi-platform support (WhatsApp, Messenger, Telegram)</li>
<li>Floating chat button</li>
<li>Position control</li>
<li>Custom welcome messages</li>
<li>Increase customer inquiries instantly</li>
</ul>
15. Countdown Timer 
Create urgency for sales, launches, and events.
<ul>
<li>Event countdown</li>
<li>Multiple date/time formats</li>
<li>Expiry actions</li>
<li>Custom labels</li>
<li>Perfect for limited-time offers, product launches</li>
</ul>
16. Delivery Date/Time Widget 
Calculate and display estimated delivery dates.
<ul>
<li>Dynamic date calculation</li>
<li>Add days/hours/minutes</li>
<li>Customizable text templates</li>
<li>Real-time display</li>
<li>Reduces “when will I get it?” inquiries</li>
</ul>
<h4>Key Features</h4>
✅ Seamless Elementor Integration – All widgets appear in your Elementor widget panel 
✅ Fully Responsive – Perfect on desktop, tablet, and mobile 
✅ Lightweight & Fast – Optimized code that won’t slow down your site 
✅ Regular Updates – Continuous improvements and new features 
✅ Professional Design – Beautiful default styles, fully customizable 
✅ No Coding Required – Drag, drop, and customize visually 
✅ RTL Support – Works with right-to-left languages 
✅ Translation Ready – Full internationalization support 
✅ Browser Compatible – Works on all modern browsers
<h4>Privacy & Security</h4>
Relayout Designs respects your privacy:
<ul>
<li>✅ No data collection from your visitors</li>
<li>✅ GDPR compliant</li>
<li>✅ No external API calls</li>
<li>✅ All data stays on your server</li>
<li>✅ Secure coding practices</li>
</ul>
<h4>Documentation & Support</h4>
Free Support:
<ul>
<li>WordPress.org Support Forum</li>
<li>Documentation: <a href="https://relayout.in/docs" rel="nofollow ugc">https://relayout.in/docs</a></li>
<li>Community Forum: <a href="https://relayout.in/community" rel="nofollow ugc">https://relayout.in/community</a></li>
</ul>
Visit our website: <a href="https://relayout.in" rel="nofollow ugc">https://relayout.in</a>
<h4>Getting Started</h4>
<ol>
<li>Install – Upload and activate the plugin</li>
<li>Check Requirements – Ensure Elementor is installed</li>
<li>Start Building – Find widgets under “Relayout Designs” category</li>
<li>Customize – Use Elementor’s visual editor to style</li>
<li>Publish – Go live with professional features</li>
</ol>
<h3>Additional Info</h3>
Support: For support questions, bug reports, or feature requests, please use the <a href="https://wordpress.org/support/plugin/relayout-designs/" rel="ugc">WordPress.org support forum</a>.
Rate Us: If you love Relayout Designs, please <a href="https://wordpress.org/support/plugin/relayout-designs/reviews/" rel="ugc">leave a 5-star review</a>. It helps us grow and improve!
Follow Us:
<ul>
<li>Website: <a href="https://relayout.in" rel="nofollow ugc">https://relayout.in</a></li>
<li>Documentation: <a href="https://relayout.in/docs" rel="nofollow ugc">https://relayout.in/docs</a></li>
</ul>
Made with ❤️ for the WordPress & Elementor community.

Relayout Designs

Professional Elementor widgets for conversion optimization. Includes 7 free widgets. Premium widgets available separately at relayout.in.

agileLogix

Create stunning and interactive timelines for your WordPress posts with ease. Post Timeline is the ultimate plugin for displaying your WordPress content in a visually appealing timeline format. Whether you want to showcase your blog history, company milestones, or any sequential content, Post Timeline offers a variety of customization options to fit your needs.
<h3>🌟 Description</h3>
Post Timeline is the WordPress Plugin that creates beautiful timeline pages for your WordPress posts. With this plugin, users can create unlimited vertical timelines and automatically generate animated scroll navigation based on tags or dates in ascending order.
<a href="https://posttimeline.com/" rel="nofollow ugc">🚀 DEMO OF POST TIMELINE</a>
<h3>✨ Simple and Single Timeline</h3>
Use the shortcode <code>[post-timeline]</code> to create a Post Timeline on any page or post.
<h3>🔄 Multiple Timelines</h3>
To create multiple timelines, the admin needs to create multiple categories and assign posts to those categories. Then use the shortcode below:
<pre><code>[post-timeline category="3"]
</code></pre>
Where <code>3</code> is the category ID. All the posts associated with Category ID <code>3</code> will appear with the above shortcode. 
<a href="https://posttimeline.com/docs/how-to-create-multiple-timelines/" rel="nofollow ugc">How to Create Multiple Timelines</a>
<h3>🧭 How Navigation Works?</h3>
Post Timeline Tags is an important tab of a timeline. Through this tab, admin users can create tags and associate their posts with those tags. Once all the posts are assigned to those tags, the Post Timeline will collect all the tags and use them in navigation.
<a href="https://posttimeline.com/docs/post-timeline-tags/" rel="nofollow ugc">Tags for Navigation</a>
<h3>📋 Supports Custom Post Types</h3>
Post Timeline supports custom post types, making it versatile for a variety of content. To create a timeline for a custom post type, use the attribute <code>post-type</code> as shown below:
<pre><code>[post-timeline post-type="custom_post_type"]
</code></pre>
Replace <code>custom_post_type</code> with your desired post type. This feature allows you to display not just regular posts, but any custom post types you’ve created, such as events, products, or portfolios.
For multiple post timelines, check the documentation. Feel free to create a ticket in case of any problem or bug.
<blockquote>
Post Timeline – Documentation 
 <a href="https://posttimeline.com/documentation/" rel="nofollow ugc">Post Timeline Documentation</a> 
 <a href="https://posttimeline.com/timeline-templates/" rel="nofollow ugc">Post Timeline Demos</a> 
 <a href="https://wordpress.org/support/plugin/post-timeline" rel="ugc">Create a Ticket</a>.
</blockquote>
<h3>🌟 Post Timeline Features</h3>
<ul>
<li>🆓 Unlimited free timelines</li>
<li>🔀 Separate each Timeline by Category Id <code>[post-timeline category="xxx"]</code>, where xxx is the category Id</li>
<li>🎯 Beautiful Side Navigation with Smooth Animation</li>
<li>🚀 Auto Create Navigation from Tags</li>
<li>🎨 Set Color for each Timeline Post</li>
<li>🏷️ Assign Icon for each Timeline Post</li>
<li>📅 Select Date for each Timeline Post</li>
<li>🔗 Setup Separate Page URL</li>
<li>🗂️ Assign Category and Tags</li>
<li>🏷️ Create Tag-based Timeline</li>
<li>📱 Responsive UI that looks cool on every single device</li>
<li>🖼️ Beautiful UI of the vertical timeline</li>
<li>🌍 Multi Language supported</li>
<li>⏳ Set Tag-based or Year-based Timeline with parameter <code>[post-timeline type="date"]</code> for Yearly navigation.</li>
<li>🔠 Select Desired GoogleFont for Timeline</li>
<li>➖ 3 different Line styles in Timeline (Solid/Dashed/Dotted)</li>
<li>🖌️ Choose post icon from FontAwesome or Upload picture</li>
<li>🖼️ Option to select post Gallery style (Slider/Popup Slider)</li>
<li>🌈 Choose Timeline Skin Color (Dark/Light)</li>
<li>🔄 Share post on social media</li>
<li>🖼️ LazyLoad option for images</li>
<li>🎥 Add video in Timeline Post</li>
<li>🗓️ Different Date formats on Timeline</li>
<li>🙈 Hide Content</li>
<li>🖼️ Hide Post image</li>
</ul>
<h3>🚀 Pro Version Post Timeline</h3>
The Pro Version of Post Timeline unlocks even more powerful features:
<ul>
<li>🖼️ 15+ Unique Timeline Templates: Choose from a variety of professionally designed timeline templates to suit your website’s look and feel.</li>
<li>🧭 4 Awesome Navigation Styles: Enhance user navigation with different styles that are intuitive and easy to use.</li>
<li>📜 Setup Horizontal and Vertical Timelines: Display your timeline in either horizontal or vertical layout as per your needs.</li>
<li>🎨 Set Background Color: Customize the background color of your timeline to match your brand’s color scheme.</li>
<li>🎥 Supports Multiple Animation Styles: Make your timelines more engaging with various animation styles.</li>
<li>📅 Set your Date Formats: Choose different date formats that match your regional preferences.</li>
<li>🔄 Change Sorting Order (Ascending/Descending/Term Custom Order): Sort posts in ascending, descending, or custom order to highlight key content.</li>
<li>✨ Change Animation Status: Enable or disable animations to optimize performance.</li>
<li>📍 Change Navigation Status: Choose whether or not to display navigation for a clean and minimalistic design.</li>
<li>🔆 Auto Highlight Active Navigation: Automatically highlight the active navigation item for better user experience.</li>
<li>⚡ Support AJAX and Load More button: Load more posts seamlessly without reloading the page.</li>
<li>📑 Set Posts Per Page for Timeline: Control how many posts are shown per page in the timeline.</li>
<li>🛠️ Many hidden hacks: Take advantage of various customization hacks for advanced users.</li>
<li>💎 Premium Support: Get access to priority support to help you with any issues or customization requests.</li>
</ul>
<h3>🏢 Use Cases – Tailored for Every Business</h3>
Post Timeline is a versatile plugin that can be customized for various industries and business types. Here are some examples:
<ul>
<li>📰 Blog History Timeline: Display your blog’s history and growth over time in a beautiful timeline format.</li>
<li>🏛️ Company Milestones Timeline: Showcase your company’s achievements, product launches, or project completions chronologically.</li>
<li>📅 Event Planning Timeline: Outline events, tasks, or planning phases leading up to an important event.</li>
<li>📚 Educational Course Timeline: Visualize the course structure or syllabus in an engaging and easy-to-understand timeline.</li>
<li>📊 Marketing Campaign Timeline: Present your marketing campaigns and strategies in a detailed timeline view.</li>
<li>🖼️ Portfolio Project Timeline: Highlight different projects and milestones in a creative portfolio timeline.</li>
<li>🚀 Product Roadmap Timeline: Show your product development journey and upcoming releases.</li>
<li>🎓 Academic Achievements Timeline: Create a timeline of achievements and accolades for educational institutions.</li>
<li>🎥 Media & Content Release Timeline: Track media releases, episodes, or content drops in a timeline format.</li>
<li>🏆 Sports Events Timeline: Chronologically display the history of sports events, achievements, or matches.</li>
<li>🛠️ Construction Project Timeline: Illustrate the progress of a construction project step-by-step.</li>
</ul>
<h3>🎥 Video Tutorial</h3>
Watch our video tutorial to learn how to set up and use Post Timeline effectively:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Blc100p_OHo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLD7u3Chrm7R9wj0tuvc8RsNQHekj1fHlG" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Click on the image above to watch the video on YouTube.
<h3>📚 Documentation & Support</h3>
For detailed documentation and support, visit the <a href="https://posttimeline.com/documentation/" rel="nofollow ugc">Post Timeline Documentation</a>. If you have any questions, feel free to <a href="https://wordpress.org/support/plugin/post-timeline" rel="ugc">create a ticket</a>.
<h3>🚀 Live Demos</h3>
<ul>
<li>Vertical Timelines: <a href="https://posttimeline.com/vertical-timeline-templates" rel="nofollow ugc">Vertical Timeline Templates</a></li>
<li>One-Side Timelines: <a href="https://posttimeline.com/vertical-one-side-timelines" rel="nofollow ugc">One-Side Timelines</a></li>
<li>Horizontal Timeline: <a href="https://posttimeline.com/horizontal-timeline-templates" rel="nofollow ugc">Horizontal Timeline Templates</a></li>
</ul>
<h3>🛠️ Installation</h3>
<ol>
<li>Upload the extracted plugin folder to the <code>/wp-content/plugins/</code> directory of your WordPress installation, or upload it directly from your plugins section in the WordPress admin panel.</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress.</li>
<li>That’s it!</li>
</ol>
<h3>❓ Frequently Asked Questions</h3>
<h3>❓ How can I show a Timeline by date?</h3>
Add the attribute <code>[post-timeline type="date"]</code>, and the timeline will appear with yearly navigation. The default navigation is Tag-based.
<h3>❓ Getting Page Not Found on Read More button</h3>
Go to Settings -> Permalinks -> Select “Post name” -> Click Save Changes. 
If “Post name” is already selected, just click Save Changes again.
<h3>❓ Why is my Post Timeline showing on the right side of the page with a scroll bar?</h3>
Timeline works with 100% space on the page. Ensure your container is set to 100% width using CSS for the timeline to appear properly. 
For more information, visit <a href="https://posttimeline.com/" rel="nofollow ugc">Post Timeline</a>.
<h3>📧 Feedback</h3>
YOUR IMPORTANT FEEDBACK IS HIGHLY VALUABLE TO US! PLEASE WRITE TO US IF YOU HAVE ANY PROBLEMS WITH INSTALLATION OR RECOMMEND ANY NEW FEATURES. WE WILL FIX THE ISSUE ON PRIORITY.
<a href="https://wordpress.org/support/plugin/post-timeline" rel="ugc">Create Support Ticket</a> for help regarding Post Timeline.

Post Timeline

Muy probre la version que no es PRO, y es simplemente como si incluyeras una entrada normal sin posibilidad de cambiar nada

Muy probre la version que no es PRO

Adding a new timeline does nothing, the new timeline isn't saved.
Also I cannot get it to work, nothing is displayed when embedding the code.

Does not work

Thank you

Create stunning and interactive timelines for your WordPress posts with ease. Post Timeline is the ultimate plugin for displaying your WordPress conte …

Relayout Designs vs Post Timeline