Category Archives: Drag & Drop Editor

Facebook Page Builder Enhancements

More improvements to our drag and drop page editor went live today! We fixed a small bug related to multiple image uploads in the Image Element. Also, really large images are now a little easier to resize since they are forced to fit on your canvas.

We also enabled support for Internet Explorer 10 in the Facebook Page Builder. We still recommend using Chrome or Firefox, but IE 10 is now an option.

Landing Page & Facebook Page Creator Improvements

We’ve deployed yet another improvement to our landing page and Facebook page creator! The latest change is to the Rich Text Element. With the new editor, you can add great looking Google web fonts plus letterpress effects to your Facebook page designs even quicker than before. There’s a bunch of fonts to choose from to make your headlines pop! You should also notice less issues with this new editor. As you may have noticed, the old version would act strange at times 😐

Quick Tip: The Letterpress effect can be found under the Styles dropdown. Here’s a sample of one of the effects applied to the Chewy Google font:

Facebook Page Creator - Rich Text Editor Element

Facebook Page Creator – Rich Text Editor Element

As usual, give it a try and let us know what you think. Enjoy!

http://landable.co

Call To Action Buttons for Facebook Pages

Our latest feature lets you add call to action buttons to your Facebook Pages and Landing Pages. The new element is in the PageBuilder toolbar under Form Elements. Just specify your button text, a URL, and choose your button’s style and you’re good to go.

Facebook Page Call To Action Button

Facebook Page Call To Action Button

Use this new feature for both call to action buttons for Facebook Pages or on your Web/Mobile Landing Pages!

Quick Tip: To get visitors to click, be sure to outline the benefits of what you are offering. What will they get by clicking the button?

Advanced Tip: You can also add icons to your buttons by specifying <i class=”icon-gift”></i> in your button text. The code above will show a gift box icon but you can choose from a variety of icons. Just replace icon-gift with the name of the icon you want to use. We use Font Awesome and you can find a list of all available icons here: http://fortawesome.github.io/Font-Awesome/icons/

Add Forms to Landing Pages Using Wufoo

We’re excited to announce that our new Wufoo Form element is now available in the drag and drop landing page builder! With this new tool you can embed any of your Wufoo forms into your landing page design with just a few clicks. If you’re new to Wufoo, you can signup, create a new form, and then come right back to embed the new form.

To use the form tool, just click the new Embed Wufoo Form element tool.

Add Wufoo Form Element

Add Wufoo Form Element

You’ll then see the Element Settings screen which allows you to login to your Wufoo account and select one of your existing forms. If you don’t have an account and/or any forms, you can still get started right from this same screen!

Wufoo Account Login

Wufoo Account Login

After you click login, you’ll be presented with a list of all your current Wufoo forms. Just click the Insert button to add the form.

Wufoo Form List Selection

Wufoo Form List Selection

After adding a form, you will need to resize the element to fit your entire form and position the form in your landing page as needed.

That’s all it takes to add forms to your landing pages! Here’s a sample landing page with a survey:

Landing Page with Embedded Wufoo Form

Landing Page with Embedded Wufoo Form

Please give it a whirl and let us know what you think. If you end up using the form embed on any of your landing pages, feel free to share the link in the comments 😉

 

Landing Page Settings Form Improvements

We’ve updated the layout of the landing Page Settings form to make it easier to view and edit. The settings are now broken into 3 tabs: Basic, Background, and Options. The only required settings are on the Basic tab. The other tabs allow you to customize the landing page design further and enable/disable features like Auto-Snap.


BASIC

Under Basic you can edit the Name, Description, Google Analytics Tracking ID, and the dimensions for your page.

Landing Page Settings

Landing Page Settings

BACKGROUND

Here you can choose from multiple background options. You can either set your background to a specific color using the color picker.

Landing Page Background Color

Landing Page Background Color

Or you can use an image as a background. The are multiple options which allow you to choose an image from our library, any of your images, or images you have categorized as Backgrounds. You can also upload a new image directly from this screen or specify the URL to an image hosted externally (for example, an image on your main website).

Facebook Page Default Backgrounds

Landing Page Default Backgrounds

OPTIONS

Currently the only option here is Auto-Snap. When enabled, the elements on your page will “snap” to each other when dragged nearby. This is helpful when aligning items.

Landing Page Options

Landing Page Options

There will be a similar update coming to the landing page element settings soon. Look for a post once that is completed. In the meantime, if you have any questions and/or suggestions, let us know in the comments below.