{"id":22798,"date":"2026-08-29T09:35:54","date_gmt":"2026-08-29T07:35:54","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22798"},"modified":"2026-08-29T09:57:04","modified_gmt":"2026-08-29T07:57:04","password":"","slug":"kopage-user-interface-editor","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/en\/hilfe\/website-baukasten\/kopage-benutzeroberflaeche-editor\/","title":{"rendered":"Kopage user interface and editor explained"},"content":{"rendered":"<p class=\"wp-block-paragraph\">After launching the Kopage website builder, you will enter the user interface where you build and edit your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Kopage editor is designed so that you can make many changes directly and visually. Instead of editing your website's HTML code, you work with pages, content areas, texts, images, design settings, and additional modules.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this guide, we show you the most important areas of the classic Kopage website builder and explain what you need them for.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Briefly explained:<\/strong> In the Kopage Editor, you manage the visible content and design of your website. Technical hosting tasks such as email accounts, databases, or general hosting settings continue to be managed via cPanel.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">How do I open the Kopage editor?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In CURIAWEB, you start Kopage directly via cPanel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There you will find the <strong>Kopage Website Builder at the very top as the first icon<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you haven't started Kopage yet, you can find the complete instructions at <a href=\"\/en\/help\/website-builder\/launch-cpanel-for-kopage-website-builder\/\">Launch Kopage Website Builder via cPanel<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Understanding the user interface<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For working with Kopage, you should first distinguish between a few basic areas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the website builder, you mainly work with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>your pages and the navigation,<\/li>\n\n\n\n<li>the actual page content,<\/li>\n\n\n\n<li>Content Blocks,<\/li>\n\n\n\n<li>Design and Theme,<\/li>\n\n\n\n<li>images and files,<\/li>\n\n\n\n<li>apps or modules,<\/li>\n\n\n\n<li>as well as settings and other website features.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These areas interlock, but fulfill different tasks.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The website itself is the focus<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage is a visual website builder. That is why you do not work exclusively in abstract settings pages, but rather edit the structure and content of your website using the editor functions provided for that purpose.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, if you want to change some text, you edit the corresponding content. If, on the other hand, you want to change the fundamental appearance of the entire website, you use the design or theme functions.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Practical Tip:<\/strong> Before making a change, briefly consider whether it affects only a single piece of content or the overall design of the website. This will help you find the right area in the editor much faster.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Pages and subpages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One of the most important tasks in the Kopage Editor is managing your pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, a typical corporate website might consist of the following pages:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Home\nAbout us\nServices\nReferences\nContact<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Additionally, you can organize content hierarchically and use subpages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Services\n\u251c\u2500\u2500 Consulting\n\u251c\u2500\u2500 Planning\n\u2514\u2500\u2500 Implementation<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage makes it possible to create subpages and arrange them via drag and drop, or to build submenus from them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We cover the complete page and navigation management under <a href=\"\/en\/help\/website-builder\/kopage-seiten-navigation-verwalten\/\">Managing pages, navigation, and submenus in Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What are content blocks?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Content blocks are a central component when building a Kopage website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\" style=\"margin-top:50px;margin-bottom:50px\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3-1024x611.png\" alt=\"Content Blocks und Module im Kopage Website Builder\" class=\"wp-image-22804\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" srcset=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3-1024x611.png 1024w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3-300x179.png 300w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3-768x459.png 768w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3-360x215.png 360w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-3.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Instead of having to code every content structure from scratch yourself, you can use pre-made content blocks and then customize them with your own texts and images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depending on the desired structure, such blocks can contain, for example, different combinations of texts, images, and other elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This allows you to build a page step by step from individual content areas.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Briefly explained:<\/strong> A page is the parent area \u2013 content blocks form the individual content sections within this page.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Add content to a page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When adding new content, Kopage provides various types of elements or content areas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These include, among other things, prepared content blocks as well as apps and modules for special functions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This allows you, for example, to treat a normal text\/image section differently than a photo gallery or a contact form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We explain in detail how to select, insert, and subsequently edit content blocks at <a href=\"\/en\/help\/website-builder\/edit-kopage-content-blocks\/\">Create content with Kopage: editing content blocks, texts, and images<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Move content blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A page often consists of several content blocks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Header \/ Introduction\n        \u2193\nServices\n        \u2193\nAbout the Company\n        \u2193\nReferences\n        \u2193\nContact<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The order of such content areas can be adjusted within the editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This allows you to change the structure of a page without having to recreate all the content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Edit text<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Texts are among the most common contents of a website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the Kopage editor, you can replace existing texts with your own content and style them accordingly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When editing, you should not only pay attention to the appearance, but also to a meaningful structure of headings and regular text paragraphs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Avoid in particular designing entire pages with different font sizes just to make text look visually like a heading. Use the intended heading structures for this purpose.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Edit and replace images<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Existing images within a design or content block can be replaced with your own images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage also features tools for managing files and images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This saves you from having to re-upload an image from your computer every time you use it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We cover detailed image management, galleries, and sliders under <a href=\"\/en\/help\/website-builder\/kopage-image-gallery-slider\/\">Creating images, photo galleries, and sliders in Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is the Files Manager?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Files Manager is used to manage files that you use within your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This applies in particular to images, but can also include other files required for your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A central file area is especially practical if you want to use the same media in multiple places on your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For files that visitors are supposed to download, we will handle the setup separately later at <a href=\"\/en\/help\/website-builder\/kopage-file-downloads\/\">Manage files and offer downloads with Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Design and content are two different things<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This distinction is particularly helpful when working with Kopage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Contents<\/strong> are for example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Text\nImages\nPages\nForms\nGalleries\nBlog posts<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">To <strong>Design<\/strong> on the other hand, include, for example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Theme\nColors\nFonts\nHeader\nMenu design\nGeneral appearance<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">For example, if you want to change the text \u201eWelcome to our website\u201c, you are editing content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If, on the other hand, you want to change the website's basic font or color scheme, you are in the design section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Theme and Design<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage provides themes and templates as a starting point for the appearance of a website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\" style=\"margin-top:50px;margin-bottom:50px\"><img decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4-1024x611.png\" alt=\"Design und Farben und im Kopage Website Builder verwalten\" class=\"wp-image-22807\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" srcset=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4-1024x611.png 1024w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4-300x179.png 300w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4-768x459.png 768w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4-360x215.png 360w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-4.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The design can be adjusted afterwards. This includes, among other things, various layout, menu, color, and font options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This means you don't have to program the basic design of your website yourself using HTML and CSS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We will cover the design in detail in the next article under <a href=\"\/en\/help\/website-builder\/kopage-template-design-anpassen\/\">Customizing Kopage template and design: Colors, fonts, header, and footer<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important:<\/strong> Do not hastily change the entire theme if you only want to adjust a single text, an image, or a content block. Content and global design should be considered separately.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Apps and modules<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Not every function of a website consists only of text and images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For additional features, Kopage offers apps or modules.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\" style=\"margin-top:50px;margin-bottom:50px\"><img decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1-1024x611.png\" alt=\"APPs im Kopage Website Builder verwalten\" class=\"wp-image-22809\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" srcset=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1-1024x611.png 1024w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1-300x179.png 300w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1-768x459.png 768w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1-360x215.png 360w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-screesnhot-1.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Depending on the function, this includes, for example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Blog,<\/li>\n\n\n\n<li>Photo gallery and slider,<\/li>\n\n\n\n<li>Forms,<\/li>\n\n\n\n<li>Newsletter,<\/li>\n\n\n\n<li>FAQ,<\/li>\n\n\n\n<li>Event calendar,<\/li>\n\n\n\n<li>Google Maps,<\/li>\n\n\n\n<li>Shop,<\/li>\n\n\n\n<li>and further extensions.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These modules add features to your website that go beyond a normal content block.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can find an overview of the additional features later under <a href=\"\/en\/help\/website-builder\/kopage-apps-module\/\">Using apps and modules in the Kopage website builder<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is the difference between a content block and an app?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A content block serves primarily to structure and display page content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An app or a module, on the other hand, provides a specific function.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Simplified:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Content Block\n\u2192 Content and layout of a page\n\nApp \/ Module\n\u2192 Additional website function<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">A text-image combination, for example, is typical page content. A contact form or a photo gallery, on the other hand, requires its own functionality.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Navigation and Menu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcber die Navigation gelangen Besucher zu den verschiedenen Bereichen deiner Website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage unterst\u00fctzt auch komplexere Seitenstrukturen mit Unterseiten und mehreren Men\u00fcebenen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\" style=\"margin-top:50px;margin-bottom:50px\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2-1024x611.jpg\" alt=\"Seiten und Navigation im Kopage Website Builder verwalten\" class=\"wp-image-22811\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\" srcset=\"https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2-1024x611.jpg 1024w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2-300x179.jpg 300w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2-768x459.jpg 768w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2-360x215.jpg 360w, https:\/\/www.curiaweb.ch\/wp-content\/uploads\/2026\/08\/kopage-dashboard-2.jpg 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Seiten lassen sich entsprechend organisieren und in Men\u00fcs einordnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine klare Navigation ist besonders wichtig, damit Besucher schnell verstehen, welche Inhalte deine Website anbietet und wie sie diese erreichen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Drag &amp; Drop richtig verstehen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage verwendet Drag &amp; Drop an verschiedenen Stellen zur Organisation von Elementen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Damit kannst du beispielsweise Seiten beziehungsweise Unterseiten neu anordnen oder Inhalte innerhalb der vorgesehenen Strukturen organisieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Drag &amp; Drop bedeutet, dass du ein Element mit der Maus aufnimmst, an die gew\u00fcnschte Position bewegst und dort wieder ablegst.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Practical Tip:<\/strong> Verschiebe bei einer bestehenden Website zun\u00e4chst nur ein Element und kontrolliere anschlie\u00dfend das Ergebnis. Besonders bei Seiten und Untermen\u00fcs kann eine \u00c4nderung der Position gleichzeitig die Navigation beeinflussen.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive Darstellung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage erstellt responsive Websites. Das bedeutet, dass sich das Layout an unterschiedliche Bildschirmgr\u00f6\u00dfen anpassen kann.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trotzdem solltest du deine Website nach gr\u00f6\u00dferen \u00c4nderungen auf verschiedenen Bildschirmgr\u00f6\u00dfen kontrollieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Inhaltsbereich, der auf einem gro\u00dfen Desktop-Monitor gut aussieht, kann auf einem Smartphone beispielsweise durch sehr lange \u00dcberschriften, ungeeignete Bilder oder eine ung\u00fcnstige Inhaltsmenge weniger \u00fcbersichtlich wirken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Darauf gehen wir ausf\u00fchrlich unter <a href=\"\/en\/help\/website-builder\/kopage-responsive-design\/\">Responsive Design: Optimizing Kopage website for smartphones and tablets<\/a> one.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Website-Einstellungen und SEO<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Neben den sichtbaren Inhalten besitzt eine Website Einstellungen, die f\u00fcr Besucher nicht immer unmittelbar sichtbar sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dazu geh\u00f6ren beispielsweise Angaben f\u00fcr Suchmaschinen und weitere technische beziehungsweise organisatorische Einstellungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage bietet unter anderem M\u00f6glichkeiten f\u00fcr individuelle Meta-Angaben auf Seiten sowie weitere SEO-Funktionen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Suchmaschinenoptimierung behandeln wir separat unter <a href=\"\/en\/help\/website-builder\/kopage-seo-settings\/\">SEO with Kopage: Page titles, metadata, URLs, and search engine optimization<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Statistiken und weitere Funktionen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage bietet neben dem eigentlichen Editor auch Funktionen zur Auswertung beziehungsweise Einbindung von Website-Statistiken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Solche Funktionen geh\u00f6ren nicht zum eigentlichen Seitenaufbau, k\u00f6nnen aber sp\u00e4ter hilfreich sein, um die Nutzung deiner Website besser zu verstehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google-Dienste, Sitemap und Statistikfunktionen behandeln wir gesammelt unter <a href=\"\/en\/help\/website-builder\/kopage-google-sitemap-analytics-statistics\/\">Google, Sitemap, Analytics and website statistics in Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die integrierte Hilfe<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage verf\u00fcgt \u00fcber integrierte Hilfefunktionen. Wenn du innerhalb des Editors bei einer Funktion nicht weiterkommst, lohnt sich deshalb auch ein Blick in den dort verf\u00fcgbaren Hilfebereich.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die integrierte Hilfe erg\u00e4nzt unsere CURIAWEB Knowledgebase: W\u00e4hrend wir hier insbesondere den Einsatz von Kopage innerhalb der CURIAWEB Hosting-Umgebung erkl\u00e4ren, k\u00f6nnen die direkt im Builder verf\u00fcgbaren Hilfen zus\u00e4tzliche Hinweise zur jeweiligen Funktion geben.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was sollte ich als Anf\u00e4nger zuerst lernen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Du musst nicht jede Funktion des Kopage Website Builders kennen, bevor du deine erste Website erstellst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr den Einstieg reichen zun\u00e4chst f\u00fcnf Bereiche:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Seiten\n   \u2193\nNavigation\n   \u2193\nContent Blocks\n   \u2193\nTexte und Bilder\n   \u2193\nDesign<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn diese Grundlagen sitzen, kannst du zus\u00e4tzliche Funktionen wie Formulare, Blog, Galerie, Mehrsprachigkeit oder Shop erg\u00e4nzen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was sollte ich nicht im Kopage Editor suchen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage ist f\u00fcr deine Website zust\u00e4ndig, aber nicht f\u00fcr s\u00e4mtliche Funktionen deines Webhostings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du beispielsweise ein E-Mail-Konto erstellen, eine Datenbank verwalten oder bestimmte serverseitige Hosting-Einstellungen \u00e4ndern m\u00f6chtest, verwendest du daf\u00fcr cPanel und nicht den Kopage Editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Trennung ist grunds\u00e4tzlich:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cPanel\n\u2192 Hosting verwalten\n\nKopage\n\u2192 Website erstellen und bearbeiten<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Wie gehe ich beim Bearbeiten einer bestehenden Website vor?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn deine Website bereits online ist, solltest du \u00c4nderungen kontrolliert durchf\u00fchren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bearbeite zun\u00e4chst den gew\u00fcnschten Bereich und kontrolliere anschlie\u00dfend, ob sich die \u00c4nderung nur dort ausgewirkt hat, wo du sie erwartet hast.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei globalen Design\u00e4nderungen solltest du zus\u00e4tzlich mehrere Seiten pr\u00fcfen, da solche Einstellungen das Erscheinungsbild der gesamten Website beeinflussen k\u00f6nnen.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important:<\/strong> Eine \u00c4nderung an einem einzelnen Content Block und eine \u00c4nderung am globalen Theme k\u00f6nnen v\u00f6llig unterschiedliche Auswirkungen haben. Pr\u00fcfe deshalb vor gr\u00f6\u00dferen Anpassungen, in welchem Bereich des Editors du arbeitest.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Wie geht es nach der Benutzeroberfl\u00e4che weiter?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du die grundlegenden Bereiche des Editors kennst, solltest du als N\u00e4chstes das Erscheinungsbild deiner Website verstehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dabei geht es um Template beziehungsweise Theme, Farben, Schriftarten, Header, Navigation und weitere globale Gestaltungselemente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, we continue with <a href=\"\/en\/help\/website-builder\/kopage-template-design-anpassen\/\">Customizing Kopage template and design: Colors, fonts, header, and footer<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Summary<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der Kopage Editor ist die zentrale Arbeitsoberfl\u00e4che f\u00fcr deine Website. Dort verwaltest du Seiten, Inhalte, Content Blocks, Bilder, Design und zus\u00e4tzliche Apps beziehungsweise Module.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seiten bilden die grundlegende Struktur deiner Website. Content Blocks strukturieren die Inhalte innerhalb einer Seite, w\u00e4hrend Apps und Module zus\u00e4tzliche Funktionen wie Formulare, Blog oder Galerien bereitstellen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Design-Einstellungen beeinflussen dagegen das \u00fcbergeordnete Erscheinungsbild deiner Website und sollten von der Bearbeitung einzelner Inhalte unterschieden werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Technische Hosting-Aufgaben bleiben weiterhin Aufgabe von cPanel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wenn du diese grundlegende Trennung zwischen Seiten, Content Blocks, Apps und Design verstanden hast, wird die weitere Arbeit mit Kopage wesentlich \u00fcbersichtlicher.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Nach dem Start des Kopage Website Builders gelangst du in die Benutzeroberfl\u00e4che, \u00fcber die du deine Website aufbaust und bearbeitest. Der Kopage Editor ist darauf ausgelegt, dass du viele \u00c4nderungen direkt visuell vornehmen kannst. Statt den HTML-Code deiner Website zu bearbeiten, arbeitest du mit Seiten, Inhaltsbereichen, Texten, Bildern, Design-Einstellungen und zus\u00e4tzlichen Modulen. In dieser Anleitung [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[84],"doc_tag":[],"class_list":["post-22798","docs","type-docs","status-publish","hentry","doc_category-website-baukasten"],"year_month":"2026-09","word_count":1947,"total_views":"6","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/en\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"Website-Baukasten","term_url":"https:\/\/www.curiaweb.ch\/en\/hilfe-kategorie\/website-baukasten\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs\/22798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/comments?post=22798"}],"version-history":[{"count":7,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs\/22798\/revisions"}],"predecessor-version":[{"id":22815,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs\/22798\/revisions\/22815"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/media?parent=22798"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/doc_category?post=22798"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/doc_tag?post=22798"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}