Website Builder by SeedProd vs HTML Post Editor

SeedProd – Drag & Drop WordPress Website Builder, Landing Page Builder, Coming Soon Page & Maintenance Mode SeedProd was originally created in 2011 and allowed you to create a Coming Soon Page or a Maintenance Mode Page. You could work on your website in private while visitors see a “Coming Soon” or “Maintenance Mode” page. It still does this and really well! But People loved SeedProd’s easy-to-use page builder so much and wanted to create their entire website with it. So, due to popular demand, you can do just that! Yes, you can now use SeedProd as a WordPress Website Builder. This means you can build every part of your WordPress custom theme. WordPress Headers, Footers, Single Page Templates, Archives, Global Parts, WooCommerce Product Pages, WooCommerce Carts, and more. The best part is SeedProd is a No-Code Website Builder. No coding knowledge or experience is needed. Full Site Editing made easy. In addition, SeedProd is still the best Landing Page Builder. Create a variety of landing pages that include but are not limited to: Sales Pages, Coming Soon Pages, Maintenance Mode Pages, 404 Pages, Login Pages, Webinar Pages, and Thank You Pages. Sites and Pages built with SeedProd’s Drag and Drop Page builder are lightweight, super fast, and it’s so easy to use anyone can create a WordPress Website or Landing Page. SeedProd Pro This plugin is the lite version of the SeedProd Website Builder and Landing Page plugin that comes with all the features you will ever need to create great-looking landing pages, coming soon pages, and maintenance modes pages within your WordPress website with no code. Click here to purchase SeedProd, the best premium WordPress Website Builder and Landing Page plugin now! Watch John Turner, the Co-Founder of SeedProd, build the SeedProd.com website with the SeedProd WordPress Website Builder Using SeedProd as a WordPress Website Builder SeedProd is a WordPress Website Theme Builder, which allows you to create custom theme and template parts like: Headers, Footers, Front Pages, Content Pages, Blog Posts, Blog Pages, Archives, Search Results, Category Pages, Tag Pages, Sidebars, WooCommerce Product Pages. WooCommerce Checkout Pages, WooCommerce Cart Pages, WooCommerce Shop Pages all using our no-code Theme Builder. Typically you would need a traditional WordPress theme to accomplish this. With SeedProd no theme is needed. No more conflicts between your theme and page builder. SeedProd is a complete turnkey solution that gets you a website fast. Themes created with SeedProd can use any builder. Of course, SeedProd is the best page builder in our opinion, but you can use: Gutenberg Page Builder, Elementor Page Builder, Beaver Builder Page Builder, Divi Page Builder, Visual Composer Page Builder, Brizy Page Builder, Thrive Architect Page Builder, Beaver Builder, and the list goes on… SeedProd also has a growing library of 200+ beautiful pre-built WordPress themes, templates, blocks, sections and complete websites to help you get started. Did I mention, no coding is required 🙂 Creating WordPress Landing Pages with SeedProd What are landing pages? A landing page is a standalone web page that a person “lands” on after clicking through from an email, ad, or other digital location. Most of the time, these landing pages have a different design from the rest of your site and do not show your website’s standard header and footer. Landing Pages have a particular purpose and desired user action; therefore, you want them to be distraction-free as possible. With SeedProd, it is super easy to create high-converting landing pages for any purpose, that are entirely separate from your website’s design. You can use our Domain Mapping feature to put landings page on their own domain, our Dynamic Text feature to add personalization, or our WooCommerce Blocks to build one-off product pages. These are just a few of the many powerful features SeedProd provides. Building Coming Soon Pages and Maintenance Mode Pages with SeedProd SeedProd allows you to build a coming soon or maintenance mode page that will hide your site from visitors and search engines like Google. You can work on your website in private. When the website uses coming soon mode, the page will be indexed by Google as long as your site is not set to be private in WordPress. In Maintenance Mode, we return a 503 header status that lets Google know your site is down for maintenance. Both of these modes are essential for any WordPress Website to have. The Free Version of SeedProd comes with a variety of Coming Soon Page and Maintenance Mode templates. Full Page Builder Feature List: WordPress Theme Builder – Create Headers, Footers, Pages, Posts, Archives, Sidebars, WooCommerce Pages or any part of a WordPress theme with our no-code Theme Builder. Fast Drag & Drop Page Builder – Our page builder is super fast, lightweight and responsive. WordPress Themes created with SeedProd work with any page builder. Landing Pages work with any WordPress Theme. 200+ Professionally Designed WordPress Themes, Landing Page Templates & Layout Sections 80+ Pro Page Blocks – We have created a variety of blocks to display static and dynamic content. Landing Page Templates – Sale Pages, Coming Soon Pages, Maintenance Mode Pages, Webinar Pages, Giveaway Pages, Thank You Pages, 404 Pages, and Login Pages Responsive and Mobile Ready – Pages created with SeedProd look great on any device. Premium Integrations – Collect emails with your favorite 3rd party email marketing service providers, including MailChimp, ActiveCampaign, ConvertKit, Constant Contact, and more… Subscriber Management – Track every subscriber with or without a 3rd party email provider. Stock Images – Get In-Plugin Access to over 2 Million Stock Images. Searchable, Resized, and Optimized for the Web. Live Previews – We allow you to see live previews of the page while it’s in any state, draft, live, or just testing. Layout Navigation – Use our layout navigation, which is a mini-map of your page, to easily rearrange sections, rows, columns, blocks, or access your page settings Revision History, Undo & Redo – With one click reverts, you can go back to any previously saved point on your page and even see who made those particular changes. Draft Mode – Work on your page in private without revealing its construction to the public. Mobile Device Preview – See what your pages will look like on desktop and mobile devices before you go live. Bloat Free Code – The code our builder produces, unlike other builders, is bloat-free and minimal to load your page quickly. Color Schemes – Choose from over 20 built-in color schemes or create your own custom color palette to use throughout your landing page design. Font Combinations – SeedProd integrates with Google Fonts to provide unlimited font combinations. Custom CSS – Need to tweak the style of an element on your page? No problem! Domain Mapping – Domain Mapping lets you create landing pages and point them to any domain name instead of your main website domain. Dynamic Text – Dynamic Text lets you dynamically insert dates or values from a query parameter to personalize your landing pages. Custom Scripts – Need to add a tracking script or widget from another website? Use the built-in header and footer scripts area to implement more technical tweaks. Spam Protection – Protect your landing pages from spam, bots, and fraudulent submissions with Google ReCaptcha WordPress Blocks: Standard Blocks – Headline, Text, List, Button, Image, Video, Divider, Spacer, Column Advanced Blocks – Giveaway, Contact Form, Optin Form, Countdown, Social Profiles, Social Sharing, Animated Headlines, Progress Bar, Icon, Testimonials, Image Carousel, Image Box, Icon Box, Nav Menu, Pricing Tables, Page Anchor, Star Rating, Accordion, Shortcode, Login Form, Google Maps, Seach Form, Custom HTML Social Media Blocks – Facebook Page, Facebook Embed, Facebook Like, Facebook Comments, Twitter Embed Tweet, Twitter Embed Timeline, Twitter Tweet Button, Twitter Follow Button WooCommerce Blocks – Add To Cart, Checkout, Cart, Product Grid, Recent Products, Sale Products, Best Selling Products, Featured Products, Top Rated Products, Menu Cart, Product Title, Product Featured Image, Product Price, Short Description, Additional Information, Products Related, Upsells, Product Rating, Product Stock, Archive Products, Product Data Tabs Theme Template Tag Blocks: Posts, Post Title, Post Content, Post Excerpt, Featured Image, Author Box, Post Comments, Post Navigation: Post Info, Archive Title, Site Logo, Global Template Parts WordPress Email Marketing Integrations: ActiveCampaign AWeber Campaign Monitor Constant Contact ConvertKit Drip Facebook GetResponse Google Recaptcha iContact Mad Mimi Mailchimp MailerLite Sendy Sendinblue Twitter YouTube Zapier After reading this feature list, you can probably imagine why SeedProd is the best Drag & Drop WordPress Website Builder and Landing Page Builder in the market. Give SeedProd a try. Want to unlock more blocks and page builder features? Upgrade to SeedProd Pro. Credits This plugin is created by John Turner and Syed Balkhi. Branding Guideline SeedProd® is a registered trademark of SeedProd LLC. When writing about the Coming Soon Page, Maintenance Mode, Landing Pages & WordPress Website Builder plugin by SeedProd, please use the following format. SeedProd (correct) Seedprod (incorrect) Seed Prod (incorrect) seedprod (incorrect) What’s Next If you like our WordPress Website Builder and Landing Page Builder plugin, then consider checking out our other projects: OptinMonster – Get More Email Subscribers with the most popular conversion optimization plugin for WordPress. WPForms – #1 drag & drop online form builder for WordPress. MonsterInsights – See the Stats that Matter and Grow Your Business with Confidence. Best Google Analytics Plugin for WordPress. WP Mail SMTP – Improve email deliverability for your contact form with the most popular SMTP plugin for WordPress. RafflePress – Best WordPress giveaway and contest plugin. Smash Balloon – #1 social feeds plugin for WordPress. SearchWP – Advanced WordPress search plugin. PushEngage – Best web push notification plugin. TrustPulse – Social Proof Notification to Boost Conversions. All In One SEO – Best WordPress SEO plugin to help you improve your search engine rankings. Easy Digital Downloads – From eBooks, to WordPress plugins, to PDF files and more, we make selling digital products a breeze. AffiliateWP – An easy-to-use, reliable WordPress plugin that gives you the affiliate marketing tools you need to grow your business and make more money. WP Simple Pay – Start accepting one-time and recurring payments on your WordPress site without setting up a shopping cart. No code required. Sugar Calendar – Simple, light-weight, and provide just the major features you need for event management. Visit WPBeginner to learn from our WordPress Tutorials and find out about other best WordPress plugins.

The plugin adds HTML editor to the default post editor. The editor is accessible through a new HTML tab. When opening the tab the editor loads the raw HTML source of the post, formats it and applies Ace Editor to the input area. So the edit area has main features from this web editor: syntax highlight, line numbers, highlight of matching tags and brackets, keyboard shortcuts. The plugin is based on the ACE Editor for WP plugin. It’s updated for WordPress 4.1 and Ace editor 1.1.8. Features Syntax highlighting Line numbers Line highlighting Highlight of matching tags and brackets Syntax checking Multicursor Ace Editor keyboard shortcuts Search box Resizable area Emmet HTML snippets Full screen mode Toggle word wrap option Custom shortcuts Options page Usage Before switching to the HTML tab first make sure you are on the Visual tab because the script loads the data from the TinyMCE editor which is loaded only when the Visual tab activates. When you are on the Text tab the HTML tab is disabled and has a light red background so you won’t be able to switch to it until you activate the Visual tab. When the HTML tab is activated the Text tab becomes disabled so you may only switch to the Visual tab. This is done to prevent the conflicts of content which is loaded when appropriate tab is activated. If you edit some content in the HTML mode and want to save it and update the post first switch to the Visual tab so the edited HTML code loads to the TinyMCE editor. It’s required because the content synchronization is performed only after switching off the HTML tab. Working with features Multicursor lets you edit multiple regions at the same time. You can use default shortcuts to add remove regions or select multiple blocks with mouse holding Ctrl key. Default keyboard shortcuts for the Ace editor can be found on the Ace GitHub Wiki page or on the Ace Editor Shortcuts page I created for the WordPress version of this editor. Here I selected some shortcuts and organized them by categories. The Search box gives additional functions: Search All instances Use of Regular expressions Whole word search Replace content Replace All It shows with Ctrl+F and Ctrl+H combinations. The editor area can be resized using the bottom (southern) handle but it doesn’t remember its size after switching. Emmet snippets are used to improve code typing. The documentation: Basic Usage Full list of HTML and CSS snippets Full screen mode is not a default Ace Editor feature. I’ve taken the idea from a demo page in the Ace build package. The page is named scrollable-page.html. It adds a new custom shortcut to the editor which toggles the full/normal mode. So I set this function to the F11 key. The function extends the editor container to the Wordpess admin boundaries but doesn’t hide top and left menus. It also works if the window size is changed or the left menu is collapsed. But to fill the available space in these cases the F11 key must be pressed two times when the editor is in the full screen mode. If you need to change this F11 key to other write me a request and I’ll add an option to the options page. The Word Wrap checkbox appears when the HTML tab is switched to. By default the editor has word wrapping enabled. You can toggle this option with the checkbox. But it only remembers its state in the current editor session. I’ve also added some custom shortcuts: Ctrl+Enter adds a new line below the current one regardless of what is the current position the cursor on the current line Ctrl+R switches to the Visual tab The Options Page Font size of the editor may be set in any CSS units (px, pt, em). Editor themes dropdown shows default Ace Editor theme list plus my custom theme Sublime which is the default theme for the plugin. The options form is submitted using Ajax so the page doesn’t reload, just wait until the save button is enabled and the success message appears at the top. Then reload the edit post page to see the editor changes. Other Notes Emmet plugin works on the specially built package for the Ace Editor. Its source is here. And I reduced its size by removing the Underscore.js part and CSS snippets. So the final package is here. When the HTML tab is loaded the source code is first represented as one long line. So I used the JS Beautifier tool and exactly its beautify-html.js subscript to format that line so it has some readable structure. Additionally I applied my own function to have some blank lines before , and tags. I’ve put only the minified version of the Ace Editor scripts to the plugin package. To get the full uncompressed files go to its GitHub repository. Resource Links Ace Editor Main Site and GitHub repository. Ace Builds GitHub repository with sources. Ace Editor Demo Pages. Ace Editor Keyboard Shortcuts and my edition. Emmet plugin: Main Site, Documentation, List of Abbreviations. Special Emmet package for the Ace Editor. JS Beautifier. This plugin’s GitHub repository: https://github.com/mortalis13/html-post-editor. Detected Problems When switching to the full-screen mode (F11) and the “Enable full-height editor and distraction-free functionality” Screen option is enabled the post tabbar stays on the front. If cursor doesn’t match its established position (e.g., should be in the line end after the last character but displays with offset to the left) try installing Consolas fonts to the Fonts folder (this problem detected in Windows XP where no Consolas fonts installed by default). Install all 4 types of Consolas (Regular, Bold, Italic, Bold Italic). I’ve taken them from Windows 7 Fonts folder.