1.1 Block Approach

takes a block oriented approach to building web pages and web sites. What this is means is that provides the user with a selection of pre-designed blocks, such as headers, content sections, forms, footers, etc. which are combined onto a canvas to create fully functional web page.

1.2 Drag & Drop

uses an easy to use and intuitive drag and drop interface. Use the left sidebar to select your blocks and drag them onto the canvas. Once dropped onto the canvas, blocks can easily be re-ordered using the same drag and drop functionality.

pic1

 

1.3 Editing Text

allows you to edit all written content within certain elements To edit written content, simply switch to “Content Mode” and hover over the element you’d like to edit. If the element’s text is editable, a red dashed outline will appear around the element. After clicking the element, a modal popup window will appear in which you can edit the content.

 

pic2

pic3

 

1.4 Editing images and using your image library

allows you to edit images within blocks as well.

makes a distinction between “user images” and “other images“. User images are uploaded by users themselves and are stored in their image libraries. Other images have been uploaded the application When accessing your image library from the top menu, you will see two tabs, one for your own images and one for the other images.

 

pic4

When editing images through the drag and drop builder, make sure you switch to “Detail Mode” first as shown in the image below:

pic5

 

You can now choose the image you want to edit by clicking on it. Once clicked, the edit sidebar will slide out from the left of the screen. In the sidebar, click the tab labeled “Image” which will bring up the Image editing tab.

pic6

You can now click the button labeled “Use Image Library” which will launch a modal popup displayed your entire image library. To inset an image, locate the desired image and click the “Insert Image” button. Your newly inserted image will now appear on the canvas.

pic7

 

1.5 Editing Links

allows you to edit links by either providing a URL or by choosing another page to link to. Starting by switching to “Detail Mode” as shown below:

pic5-1

 

Next, click the link you want to edit. Once clicked, the left sidebar will appear. Within the left sidebar, click the second tab labeled “Link”.

pic8

 

1.6 Editing Styles

 allows you to edit certain styling properties for elements defined by the application’s administrator. Please note that the administrator defines which properties for which elements are editable, so do not expect to able to change every property for every element

To edit styles for an element, again we’ll need to switch to “Details Mode” as shown below:

 

pic5-2

Next, you can click the element which you’d like to edit. If an item has editable properties, a red dashed outline will appear around an element when moving over it with the mouse cursor.

pic9

 

Once the red dashed outline appears, you can click the element and the left sidebar will appear. Within this sidebar you’ll automatically see all the available properties for the selected item. After making any changes, you’ll need to click the green button labeled “Apply Changes” to see the changes take effect.

If you don’t like the changes after seeing them in the canvas, you can click the orange button labeled “Reset” to restore the styling of the elements to it’s original settings.

1.7 Editing Videos

allows you to edit Youtube and Vimeo videos as well. To edit a video, switch to “Details Mode” and click the video you’d want to edit. This will open the left sidebar panel where you can enter a Youtube video ID or a Vimeo video ID. You can alter between these as you please, the application will detect which platform you’re using and update the video accordingly.

1.8 Editing Tables

HTML tables can edited when in “Content Mode”.

pic2-1

Once in “Content Mode”, locate the table you want to edit, if the table is editable, a red dashed line will appear around it when hover the mouse cursor over it. After clicking it, a text editor will appear in a modal popup allowing to edit the table and it’s content.

pic29

The third button from the right side of the editor’s toolbar will reveal the table option dropdown. In this dropdown menu, you’ll find all the options needed to edit the table’s layout, such as adding, remove columns, rows, heads, etc.

1.9 Cloning Elements

allows youto clone elements on the canvas. This comes in handy when working on a navigation for example, when you need an additional entry, you can clone the last item of the navigation.

To clone items, you’ll need to switch to “Details Mode” first. Next, you can click the element you want to clone (if it’s clonable, a red dashed outline will appear when moving the mouse cursor over the element). Once clicked, the left sidebar will appear. You can now clone the element by clicking the dark blue button

pic10

Please note that a cloned element will always get inserted right after the original element!

1.10 Editing HTML

allows you to edit the source HTML of each block on the canvas. To access the HTML editor, first make sure you’re in “Block Mode”. Next, hover over the block you want to edit, and click the dark blue button labeled “source”.

pic30

This will hide the block itself and bring up the HTML source editor. Click “cancel” to return without applying your changes to click “Save” to close and save your changes.

pic31

1.11 Using templates

allows you to create page templates If there are any templates created, they will appear in the left navigation under the heading “Templates“. To use a template, simply drag and drop a template onto the canvas. Please note that using a template will remove all other blocks you currently have on your canvas.

pic33

Once dropped onto the canvas, all the blocks can be used as any other regular block

1.12 Page Settings

allows you configure certain settings for each page within a given site. To bring up the page settings window, click the grey dropdown button labeled “Settings” towards the right edge of the screen:

pic11

Click the “Page Settings” link from the dropdown menu which will open the page settings window.

pic12

Within the page settings window, you can configure the page title, meta description, meta keywords and add additional code to be included in the HEAD section of the markup when either exporting or publishing your page or site.

1.13 Site Settings

Next to settings for individual pages, you can also configure certain settings for an entire site. To configure these settings, locate the grey button towards the right edge of your screen labeled “Settings” and click it to display a dropdown menu:

pic13

Click the “Site Settings” link to bring up the site settings window. Besides the Site Name, you’ll find a panel containing FTP settings. These settings are required if you want to publish your site using FTP to a live webserver. The first item, labeled “Public URL” is not required to publish over FTP (this is only used to display the external link). All other fields are required to use FTP publishing.

Using the FTP browser
If you’re not sure what remote path to use, you can use the built-in FTP browser. To use this, make sure you have entered the correct server, username, password and port number (if you’re not sure about the port number, just leave it at 21). Next, click the blue button labeled “Browser Server”. This will bring up a small panel showing you the files and folders located on your server.

pic14

You can use the FTP browser to locate the folder in which you want your site to be published. Once done, click the green button labeled “Save Settings” to save your details. You will get a final confirmation letting you know if all is ok. Once you see this confirmation, you can now publish your site!

1.14 Exporting Your Site

   allows users to export their sites at any given time. When you’re ready to export your site, simply click the blue button labeled “Export”.

pic15

Clicking the blue export button will bring up a modal window. Here, before you export your site, you can choose an alternative Document Type (by default it’s set to HTML5 which is the recommended setting).

Click the “Export Now” button to download a ZIP archive of your entire site, including all CSS files, Javascript files and images.

1.15 Publishing Your Site

Instead of exporting your site, you can also choose to publish it to a live webserver using FTP. Please note that this function will only work if you have entered correct FTP settings. If you haven’t entered FTP connection details yet or if you have entered incorrect FTP connection details, you’ll see a notification like this:

pic16

Assuming you have provided correct FTP connection details, you can publish your site by clicking the dark grey button labeled “Export”. If you have unsaved changes, you will be asked to save these changes first after which you can proceed to publishing your site.

The “Publish” button will bring up the publish window. Here, you can choose which assets and/or pages to publish. When you’re publishing your site for the first time, you will want to choose ALL assets and ALL pages. After having published your site for the first time, you want to only publish those assets and pages which have been changed, as this will speed up the publication process significantly.

pic17

 

after purchasing  and creating new account make sure you send us your email with your transaction ID  at support@justshortcut.com 

and will send you back once we activated your account 



If you are not completely satisfied for any reason, simply return it and I will refund 100% of you investment.

 

100-guarantee-seal-1-300x247

 

Click the Button Below to Buy NOW

1 MONTH  SUBSCRIPTION  29$

buy-now-logo-cc_250x60

3 MONTHS  SUBSCRIPTION  75$

buy-now-logo-cc_250x60

You will be charged $29 every month or 75  every 3 months for for unlimited times since you using the service

ClickBank is the retailer of products on this site. CLICKBANK® is a registered trademark of Click Sales, Inc., a Delaware corporation located at 917 S. Lusk Street, Suite 200, Boise Idaho, 83706, USA and used by permission. ClickBank’s role as retailer does not constitute an endorsement, approval or review of these products or any claim, statement or opinion used in promotion of these products.

Comments

comments