Help for Update - How to create your 1der1 page - including advanced options

1der1 allows you to present your business as easy as possible, and it is a hub for your most important content as well. You can use 1der1 as your website or as a companion of your existing website.

• Use the Home Page entry for your existing website. Your 1der1 page will automatically use the favicon of your website.
• You can add a special Contact Page. Example: Contact Page
• The Cover can embed a page as well.
• Just enter more of your website pages into the Web page list. Example: Website Pages

If you need more pages:

• If you are selling items or services, just get an online shop as your website. Shopify integrates with your real world business and enables you to create an excellent website easily.
• Tumblr can be your blog or website, and your 1der1 page can have an Interactive Tumblr timeline.
• 1der1 recommends: Publish as much as possible on social media, then use 1der1 to bundle it all together.
• Apple™ Developer Guidelines: “Keep the total number of pages as small as possible to simplify navigation.”

As soon as you have dropped or pasted into the data field, you will find a name for the content in the name field, which you can change. If there is a link inside the data, you will see a favicon at the beginning of the row as well. Name and favicon will help you to remember which kind of content you added.

As soon as you have added, there will be another row for you to fill. This way you can add without limits. Use the symbol in front of the line to reorder lines by dragging it up or down while you click on it.

Headers have all type of cover components as well:

• Pictures

Just drop or paste the address of the content into the 'Pictures' input of your update page. If you paste or drop several pictures line by line, your page will show a slide show. Please choose pictures with the same height to width ratio. Otherwise, there will be a gap at the bottom of the wider pictures. Please use the JPG format with web quality and follow the width recommendations at the related input field to reduce the loading time of your page.

• Poster

You can stack a picture over embedded iframe content. This way you can hide the loading of a video and choose an individual thumbnail. If the video is supposed to play automatically, the poster will vanish as soon as the video starts. Otherwise we will add a play button over the poster. Clicking the button or the poster will hide both and start the video. Use the Video Poster Tool to manage your video posters. Please keep in mind, that posters add to your 1der1 page load.

Advanced: Instead of using embedded iframe and poster you can use a video tag with poster. Just check the Hooters Video example.

• Title

Text that shows up in a tooltip on mouse over

• Text

There is a text editor for you to write text. Just paste and edit text, insert pictures, and even Video. For a picture logo just use the link or the image data URI.

• Link

The address of a page to visit on mouse click

• Print Pictures

Do you like the picture component to be part of the print? The default depends on the content and on the position.

• Layout

If you want to show the text first or over the pictures, just choose the Layout. If you stack 'Text' over the "Pictures" area, you cannot click this part of the "Pictures" content.

• Button

If there is a poster and no autoplay, we will automatically add a play button, because the poster is in front of the video play button. In case your poster contains a click to play hint already, you can choose to have no play button.

You can use the editor for every content field. You can start by pasting code directly into the content field, then clicking the symbol in front of it.

The editor offers video embedding, too. Click the Video button, and then insert a video address from YouTube, Vimeo, Vine, Instagram, DailyMotion or youku. You get the video address by right clicking on the video of your choice, then 'Copy video URL'.

Use the Picture button, to insert a picture link obtained by mouse clicking and 'Copy image URL'. You can even select an image from your computer's folder, but we don't recommend this for performance reasons.

After clicking on an inserted picture, you can change the image properties.

The editor uses the spell checker of your browser. We recommend Grammarly, which integrates into Google Chrome and Microsoft Office, extending and improving the existing checks for grammar and spelling. You can use external editors like Microsoft Word, too. The 1der1 editor preserves font information of dropped or pasted text.

Buttons, links, and images can have associated click actions.

Please note: Some websites may limit access.

Popup and all Lightbox parameters can include width and height:
Popup, width:500, height:300 opens the popup window with 500 pixel width and 300 pixel height.

auto:0 causes ANY click on the page to start the click action of the element:
HTML,auto:2 opens the HTML lightbox with the first click on the page, if the click happens at least 2 seconds after the page load.

Lightbox parameters may include (case sensitive):
infobar: true/false
toolbar: true/false/auto
smallBtn: true/false/auto

Classes define styles for elements, for example as part of the image properties. Following classes come with 1der1. For animations, use animation classes by preceing the "anim_" extension, for example, "anim_bounceOut". More classes are possible by adding Style Sheets.

• You can choose and reserve an additional, unique name for your page - first-come, first-served.
• Minimum name length is three characters.
• We recommend restricing to a maximum of 18 characters - for SEO and practical reasons.
• Page names can't consist only of a generic word (ex: Restaurant) or location (ex: London).
• All kind of Impersonating, Pretending, Misleading and Violation of Others' Rights is forbidden.
• '1der1' can't be part of the name.
• As always you may not use abusive or offensive content.
• 1der1 reserves the right to remove violating content and accounts.
• If you change the name, the old name will be available to others.
• Important: Changing the name destroys external references to the old name.

If you like to have a unique website address/domain, just get one at Namecheap.

Read more...

1der1 makes it very easy for you to Drag and Drop or Copy and Paste data. You can even copy from existing 1der1 pages. This feature is very useful if you create 1der1 pages for chain stores. Please respect Copyrights and linking rights and use your own or free content only.

You can embed pictures by copy and paste of one or more picture links into the 'Pictures' input of your update page.

Please note: All picture links have to be secure: They have to start with "https".

If you use drag and drop instead of giving the picture link, we can quite often convert the images and store them for you into the cloud automatically. You can drag pictures directly from your website. However, we recommend dragging image files from your PC.

If the dragging from websites can't make your images secure, you should download the pictures first. 1der1 collects the pictures for you, allowing you to download at the click of a button. You can then optimize your pictures before usage.

If you want to create more specific solutions, use the text editor at the Cover or any Content field.

If you have a website already, just use the same pictures for 1der1, if the links start with "https". Otherwise, drag and drop images from your PC.

Your resulting 1der1 page will load faster if you use Google Chrome or Opera for dragging photos after scaling down and compressing with Compressor.io online service or Riot image optimizer software. You can create logos with SVG-edit. Read the SVG-edit introduction. Convert images into SVG using INKSCAPE.

Stock Photos

You can embed videos by dropping or pasting video code into the 'Pictures' input of your update page or by pasting it into a Content field.

If you want to create more specific solutions, use the text editor.

YouTube

When viewing a video on YouTube click on the Share button located left-hand under the video player. Then click on the Embed tab. You can now copy the code.

Vimeo

Click on the Share button located in the top right-hand corner of the video.

A pop-up box will appear that will allow you to copy the Embed code.

Vevo

Most of the providers of embedded code will offer you some options.

"Code" is a piece of software which you can embed into your 1der1 page. This functionality is called Web Widget.

• In general, you can paste the code into a content field. You can change the position on your 1der1 page by changing the position of the field.
• You can add Video as code.
• A Script contains executable code. There might be no visible result on your 1der1 page, or the position is determined by the code.

General

Selling

Calendar

Booking & Appointments

Chat

Charts

Forms

Surveys

Slideshows

Text Messages/SMS

Voice

Music and Radio

Ads

Emails

The update page has several ways for changing the input data of the form. In these cases, you get a note and the option to cancel the changes.

• Copy
• Import
• Restore
• Auto Recovery

When you changed data manually without saving, there will be a warning before leaving the update page.

While you are entering data on the update page, every change is saved to your hard drive to prevent data loss. There will be an auto recovery of these autosaved data when you re-start the update page after a PC crash. You can cancel the auto recovery.