Awesome doesn’t have to be hard. Behind the beautiful interface, Wonepage is an incredible editor platform. Here, you can find everything that Wonepage platform can do.
Posts Widget – Display a list of any custom post types in various layouts and ways.
Comments Widget – Get your visitors to leave their comments on your posts and pages.
Portfolio Widget – Create a portfolio layout that includes works your visitors can filter.
Table of Contents – Make your long form content more readable for site visitors & search engines by adding a TOC.
Library
Templates – Pages – Choose from a wide array of beautifully pre-designed templates.
Blocks – Build your page piece by piece using Blocks, pre-designed and simple section templates.
Save & Reuse – After you finish creating your page you can save it to the library and reuse it with one click.
Search & Filter – Locate the template that best fits your needs by searching and filtering the templates.
Template Widget – Add the Template widget and embed any template with a simple drag & drop.
Embed Anywhere – Get the shortcode for any template and embed it anywhere you like.
Design
Background Gradients – You can easily add background gradient colors to any page or post.
Background Videos – Make your background come alive by adding interesting background videos to your sections.
Background Overlay – Add another layer of color, gradient or image above your background.
Enhanced Background Images – Customize responsive background images per device, and set its’ custom position and size.
CSS Filters – Using CSS filters, you can play around with the image settings and add amazing effects.
Blend Modes – Mix up backgrounds and background overlays to create spectacular blend mode effects.
Canvas – Switch to the Canvas template, and design your entire landing page in the Web Builder, without having to deal with the header or footer.
Shape Divider – Add striking shapes to separate the sections of your page. Make them really stand out with a variety of SVG, Icons, and texts inside the shape divider.
Box Shadow – Set custom made box shadows visually, without having to deal with CSS.
Absolute Position – Use Absolute Positioning to drag any widget to any location on the page, regardless of the grid.
One-Page Websites – Create a one page website that includes click to scroll navigation, as well as all the needed sections of a website.
Motion Effects – Add interactions and animations to your site using Scrolling Effects and Mouse Effects.
Layout
Section Width – Go beyond the oversimplified and generic page designs, by having more control over the various sections.
Section Height – Go beyond the oversimplified and generic page designs, by having more control over the various sections.
Full Width – Easily create full width pages no matter which theme you are using, with the strech section feature.
Column Width – Enter a specific column width, or visually scale the width by dragging the edge of the column.
Column Gap – Change the gaps between columns in order to let your design breathe.
Content Position – Position your column and content, and stretch the column to the full height of the section.
Margin & Padding – Set the padding & margin for sections, columns and widgets.
Z-Index – Put any section, column or widget in the front or back, using the Z-index feature.
Inline Elements – Place two widgets side-by-side in the same column with inline width or custom width.
Vertical & Horizontal Flexbox Alignment – Align and distribute widgets across each column vertically and horizontally using the power of flexbox.
Fixed Position – Set your widget to have a fixed position and place it wherever you like. The element will scroll alongside your user.
Nested Columns – Create advanced layouts by nesting columns inside a given column. This creates a sort of inner section crucial for certain designs.
Typography
Easy to customize – Play with the font family, size, weight, transform, style, decoration, line-Height and letter spacing.
Title HTML Tag – Setting the right HTML tag for the title (H1 or otherwise) is important in terms of SEO.
Font Preview – See a preview of fonts in the panel, so it is easier to choose the right one.
Google Fonts – Choose from hundreds of Google fonts available in every widget with text.
Font size: PX, EM, REM – Set whether your typography is scaled using PX, EM or REM, for better responsive design.
Drop Cap – Make the first letter of your blog post larger, to create a stylish and distinguished look.
Text Shadow – Emphasize your content by adding a text shadow effect to any widget with text.
Text Editor Columns – Divide your Text Editor widget into responsive columns, and set the gap between the columns for better layout.
Interactions
Scrolling Effects – Set a sticky header, footer or other section, and make sure your message follows your users as they scroll.
Call to Action Widget – The Call to Action widget uses animations and CSS effects to create amazing and interactive boxes.
Animated Headlines Widget – Create attention-grabbing headlines that highlight or rotate the most crucial part of the headline.
Flip Box Widget – Create animated boxes that flip to the other side, once the visitor hovers over them.
Hover Animations – Create magnificent hover animations that add yet another layer of interaction to your website.
Entrance Animations – Add hover and entrance animations and set an interactive way for your widgets to appear.
Parallax – Create amazing animations and interactions when the user scrolls through the page.
Mouse Effects – Create a sense of depth by making elements move in relation to the mouse movement.
3D Tilt Effect – It allows elements to float and glide slightly as the user moves their cursor over each item.
Mobile Editing
100% Responsive – Use the web builder extensive mobile editing tools to create a website that is truly 100% responsive.
Mobile Font Size – With this feature, you can change the font size per device.
Responsive Column Width – Choose a different column layout for mobile by changing the column width.
Padding and Margin – This feature is used to make a different padding or margin size per device.
Reverse Columns – This feature reverses the ordering of columns, so when you go to mobile the last column will appear on top.
Hide and Show Elements (Visibillity) – You can hide sections and widgets from showing on any device.
Custom Breakpoints – Change the mobile and tablet breakpoint values, to adapt your websites to specific device sizes.
Responsive Sizing – Choose between PX EM % and VH for sizing inside the web builder.
