Ein Website-Relaunch ist mehr als nur ein neues Design. Er ist ein komplexes Projekt, das Koordination, technisches Know-how und eine klare Strategie erfordert. Oft sind die Werkzeuge \u2013 ein CMS wie WordPress, ein Projektmanagement-Tool wie Trello und die interne Kommunikation \u00fcber E-Mail oder Chat \u2013 voneinander getrennt. Das f\u00fchrt zu Datensilos, manuellen Doppelarbeiten und einem erschwerten \u00dcberblick. In diesem Artikel zeigen wir Dir, wie Du einen solchen Prozess nicht nur meisterst, sondern ihn als Chance nutzt, um ein durchg\u00e4ngiges und automatisiertes System mit dem Zoho-\u00d6kosystem aufzubauen. Wir behandeln die Herausforderung, verschiedene Anforderungen \u2013 von der Aufgabenverwaltung \u00fcber die dynamische Content-Anzeige bis hin zu Post-Launch-Aufgaben \u2013 in einer einzigen, vernetzten Umgebung abzubilden.<\/p>\n
Stell Dir ein klassisches Relaunch-Projekt vor. Ein Team aus Designern, Entwicklern und Projektmanagern arbeitet an einer neuen Unternehmenswebsite. Die Aufgaben werden in einem externen Tool verwaltet. Design-Feedback und Fehlerbehebungen, wie falsch ausgerichtete CSS-Boxen in der Tablet-Ansicht oder ein pl\u00f6tzlich verschwundenes Header-Logo, werden per E-Mail oder in Meetings besprochen. Eine der wichtigsten Seiten \u2013 die Karriereseite \u2013 muss manuell mit Stellenanzeigen aus dem HR-System best\u00fcckt werden. Nach dem Go-Live m\u00fcssen auf der finalen Domain noch wichtige Tools f\u00fcr Sicherheit (wie Wordfence) und rechtliche Konformit\u00e4t (Impressum, Cookie-Banner) eingerichtet werden. Dieser fragmentierte Ansatz ist fehleranf\u00e4llig, ineffizient und nicht skalierbar. Wie kannst Du das besser machen?<\/p>\n
Anstatt auf Insell\u00f6sungen zu setzen, nutzen wir die St\u00e4rke der Zoho-Suite, um den gesamten Prozess abzubilden. Vom ersten Task bis zur laufenden Automatisierung.<\/p>\n
Jeder Relaunch beginnt mit einem soliden Plan. Anstatt eines externen Task-Boards nutzen wir Zoho Projects<\/a> als zentrale Schaltstelle.<\/p>\n Als Basis f\u00fcr die neue Website dient Zoho Sites<\/a>. Der visuelle Editor erleichtert die Gestaltung, aber die wahre St\u00e4rke liegt in der Integration mit anderen Zoho-Apps. Nehmen wir das Beispiel der Karriereseite, die live Stellenanzeigen anzeigen soll.<\/p>\n Die Herausforderung:<\/strong> Stellenanzeigen werden in einem HR-System verwaltet, in unserem Fall Zoho Recruit<\/a>. Eine manuelle \u00dcbertragung auf die Website ist zeitaufw\u00e4ndig und fehleranf\u00e4llig. Die L\u00f6sung ist eine API-Anbindung.<\/p>\n Die Umsetzung mit Deluge:<\/strong> Wir erstellen eine Custom Function<\/em> in Zoho, die per API auf die offenen Stellen in Zoho Recruit zugreift. Diese Funktion kannst Du dann in Zoho Sites einbinden, um die Jobliste automatisch zu generieren.<\/p>\n Hier ist ein Beispiel f\u00fcr eine solche Funktion in Deluge, der Skriptsprache von Zoho:<\/p>\n Dieses Skript bindest Du in Zoho Sites<\/a> auf Deiner Karriereseite \u00fcber das „Code Snippet“-Element ein. Jedes Mal, wenn ein Besucher die Seite l\u00e4dt, werden die aktuellsten Jobs live aus Zoho Recruit<\/a> geholt. Kein manueller Abgleich mehr n\u00f6tig.<\/p>\n Die Integration ist nicht auf Zoho beschr\u00e4nkt. Stell Dir vor, Du m\u00f6chtest auf Deiner Kontaktseite eine interaktive Karte mit Unternehmensstandorten anzeigen. Hierf\u00fcr kannst Du die API von Google Maps<\/strong> oder OpenStreetMap<\/strong> nutzen. Oder Du m\u00f6chtest einen Counter mit Live-Daten f\u00fcllen, z.B. „Zufriedene Kunden“ oder „Abgeschlossene Projekte“.<\/p>\n Anstatt Platzhalter-Zahlen zu verwenden, die manuell gepflegt werden, kannst Du diese Daten direkt aus Deinen Systemen ziehen:<\/p>\n F\u00fcr komplexere Darstellungen ist Zoho Analytics<\/a> das Werkzeug der Wahl. Erstelle ein Dashboard, das Daten aus verschiedenen Quellen (CRM, Books, etc.) aggregiert, und bette die fertigen Diagramme und KPIs als iFrame direkt in Deine Zoho Sites-Seite ein. Deine Website-Statistiken sind so immer aktuell, ohne dass jemand manuell eingreifen muss.<\/p>\n Die „Nach-Livegang“-Aufgabenliste aus unserem Praxisbeispiel l\u00e4sst sich ebenfalls intelligent l\u00f6sen.<\/p>\n Ein Website-Relaunch, der mit dem Zoho-\u00d6kosystem durchgef\u00fchrt wird, ist weit mehr als ein reines Design-Update. Es ist die Transformation von isolierten Prozessen in ein vernetztes, datengesteuertes und hochautomatisiertes digitales Fundament f\u00fcr Dein Unternehmen. Du eliminierst manuelle Arbeit, vermeidest Redundanzen und schaffst eine einzige „Source of Truth“ f\u00fcr Deine Daten. Die gewonnene Zeit und Transparenz erm\u00f6glichen es Dir, Dich auf das Wesentliche zu konzentrieren: das Wachstum Deines Unternehmens.<\/p>\n Verwendete Zoho Apps in diesem Leitfaden:<\/strong><\/p>\n Transformiere Deinen Website-Relaunch in ein effizientes, vernetztes System mit Zoho \u2013 f\u00fcr mehr Automatisierung und Wachstum!<\/p>\n","protected":false},"author":1,"featured_media":2703,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","osh_disable_topbar_sticky":"default","osh_disable_header_sticky":"default","osh_sticky_header_style":"default","osh_sticky_header_effect":"","osh_custom_sticky_logo":0,"osh_custom_retina_sticky_logo":0,"osh_custom_sticky_logo_height":0,"osh_background_color":"","osh_links_color":"","osh_links_hover_color":"","osh_links_active_color":"","osh_links_bg_color":"","osh_links_hover_bg_color":"","osh_links_active_bg_color":"","osh_menu_social_links_color":"","osh_menu_social_hover_links_color":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[102,121,185,100,107,101,165,783,181,604,109,317,96,97,144,326,724,624,730],"class_list":["post-2701","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-zoho","tag-api","tag-api-integration","tag-custom-function","tag-datenintegration","tag-deluge","tag-prozessautomatisierung","tag-systemintegration","tag-website-relaunch","tag-workflow-automatisierung","tag-zoho","tag-zoho-analytics","tag-zoho-cliq","tag-zoho-crm","tag-zoho-flow","tag-zoho-forms","tag-zoho-projects","tag-zoho-recruit","tag-zoho-sites","tag-zoho-social","entry","has-media"],"acf":[],"yoast_head":"\n\n
Schritt 2: Die Website mit Zoho Sites und dynamischen Inhalten bauen<\/h4>\n
\/\/ Name der Funktion: getOpenPositions\n\/\/ Diese Funktion holt aktive Job-Postings aus Zoho Recruit\n\n\/\/ 1. Definiere die API-Verbindung zu Zoho Recruit\n\/\/ In Zoho Flow oder Creator solltest Du eine Connection \"zohorecruit\" anlegen.\n\/\/ Das ist sicherer, als API-Keys direkt im Code zu verwenden.\nresponse = zoho.recruit.getRecords(\"JobOpenings\", 1, 100);\n\n\/\/ 2. Pr\u00fcfen, ob die Abfrage erfolgreich war und Daten enth\u00e4lt\nif(response.get(\"response\") != null && response.get(\"response\").get(\"result\") != null)\n{\n jobList = response.get(\"response\").get(\"result\").get(\"JobOpenings\").get(\"row\");\n \n \/\/ 3. HTML-Struktur f\u00fcr die Anzeige auf der Website vorbereiten\n html_output = \"<div class='job-container'>\";\n \n \/\/ 4. Durch jede Stellenanzeige iterieren und die gew\u00fcnschten Felder extrahieren\n for each job in jobList\n {\n job_title = job.get(\"Posting Title\");\n job_city = job.get(\"City\");\n job_id = job.get(\"JOBOPENINGID\");\n job_url = \"https:\/\/deine-firma.zohorecruit.com\/jobs\/Careers\/\" + job_id;\n \n \/\/ 5. Ein HTML-Element f\u00fcr jede Stellenanzeige erstellen (z.B. eine Flipbox oder ein Call-to-Action-Element)\n html_output = html_output + \"<div class='job-listing'>\";\n html_output = html_output + \"<h4>\" + job_title + \"<\/h4>\";\n html_output = html_output + \"<p>Standort: \" + job_city + \"<\/p>\";\n html_output = html_output + \"<a href='\" + job_url + \"' target='_blank' class='zylker-button'>Details ansehen<\/a>\";\n html_output = html_output + \"<\/div>\";\n }\n \n html_output = html_output + \"<\/div>\";\n \n \/\/ 6. Das generierte HTML zur\u00fcckgeben\n return html_output;\n}\n\n\/\/ Fallback, wenn keine Jobs gefunden wurden oder ein Fehler auftrat\nreturn \"<p>Aktuell sind keine offenen Stellen verf\u00fcgbar.<\/p>\";<\/code><\/pre>\nSchritt 3: Externe APIs und Live-Daten einbinden<\/h4>\n
\n
Schritt 4: Go-Live und Post-Launch-Automatisierung mit Zoho Flow<\/h4>\n
\n
\n
Tipps und Best Practices<\/h3>\n
\n
Fazit: Mehr als nur eine Website<\/h3>\n
\n