Help for creating your 1der1 page - including advanced options

1der1 allows you to present your business as easily as possible, and it is a hub for your most important content. You can use 1der1 as your website or as a companion to 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 Central 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 sell items or services, use 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, 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. In addition, if a link is inside the data, you will also see a favicon at the beginning of the row. Name and favicon will help you remember which content you added.

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

Headers have all types of Central components as well:

• Pictures

Drop or paste the content address 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 width-to-height ratio. Otherwise, a gap will be at the bottom of the wider images. Please use the JPG format with web quality and follow the width recommendations for 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 an embedded iframe and Poster, you can use a video tag with a Poster. Just check the Hooters Video example.

• Title

Text that shows up in a tooltip on mouseover

• Text

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

• Link

The address of a page to visit on a mouse click

• Print Pictures

Do you like the picture component to be part of the print? The default depends on the content and 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 are a Poster and no autoplay, we will automatically add a play button because the Poster is in front of the video play button. If your Poster already contains a click-to-play hint, 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 start the text editor.

The editor offers video embedding, too. Click the Video button and insert a video address. 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 also select an image from your computer's folder.

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

The editor uses the spell checker of your browser. We recommend Grammarly. You can use external editors like Microsoft Word, too. For example, the 1der1 editor preserves font information of dropped or pasted text.

🎖The Editor is based on Summernote.

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

Please note: Some websites may limit access.

Classes define styles for elements, for example, as part of the image properties. The following classes come with 1der1. For animations, use animation classes by preceding 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.
• The minimum name length is three characters.
• We recommend restricting 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 one will be available to others.
• Important: Changing the name destroys external references to the old name.

If you want a unique website address/domain, get one at Namecheap.

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

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

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

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

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

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

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

Your 1der1 page will load faster after scaling down and compressing pictures with the Squoosh image optimizer app. Read more in the 1der1 article. You can create logos with SVG-edit. 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.

Posters are pictures related to a video. Get thumbnails from videos.

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 in the Video's top right-hand corner.

A popup box 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 you can embed into your 1der1 page. This functionality is called Web Widget.

• In general, you can paste the code into a content field. Then, 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 code determines the position.

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

• Copy
• Import
• Undo/Restore
• Auto-Recovery

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

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