Tutorials

Interaktive Canva-Website: So erstellst du einen anklickbaren Umschlag für deine Einladungen

Melden

Digitale Einladungen liegen voll im Trend – egal ob für Hochzeiten, Geburtstage oder Firmenevents. Ein besonders beliebter Effekt ist der „anklickbare Briefumschlag“: Deine Gäste erhalten einen Link, sehen einen geschlossenen Umschlag und sobald sie darauf klicken, öffnet sich die Einladungskarte wie von Zauberhand.

In diesem Tutorial erfährst du Schritt für Schritt, wie du diesen Effekt ganz einfach mit einer kostenlosen Canva-Website erstellst.

Was du dafür brauchst:

  • Einen kostenlosen Canva-Account (Canva Pro ist nicht zwingend erforderlich, bietet aber mehr Grafikauswahl).
  • Ca. 15–20 Minuten Zeit.

Schritt 1: Das richtige Format wählen

  1. Öffne Canva und klicke oben rechts auf Design erstellen.
  2. Suche nach „Mobile Website“ (oder alternativ „Website“).
    • Tipp: Da die meisten Gäste Einladungen auf dem Smartphone öffnen, ist das Hochkant-Format (z. B. 1080 x 1920 px oder das vorgefertigte Mobile-Website-Format) ideal.

Schritt 2: Seite 1 gestalten (Der geschlossene Umschlag)

Diese Seite ist das Erste, was deine Gäste sehen.

  1. Hintergrund wählen: Wähle eine dezente Hintergrundfarbe oder eine zarte Textur (z. B. Leinen- oder Papierstruktur über den Reiter Elemente).
  2. Umschlag einfügen:
    • Gehe links auf Elemente und suche nach Begriffen wie „closed envelope“, „Briefumschlag geschlossen“ oder „envelope pocket“.
    • Platziere den geschlossenen Umschlag mittig auf der Seite.
  3. Details hinzufügen:
    • Füge ein Siegel hinzu (Suche nach: „wax seal“ oder „Wachssiegel“) und platziere es genau auf der Verschlussklappe.
    • Füge darunter einen kurzen Hinweis-Text ein, z. B.: „Tippe auf den Umschlag, um ihn zu öffnen“ oder „Open Me“.

Schritt 3: Seite 2 gestalten (Der geöffnete Umschlag / Die Einladung)

Hier platzierst du die eigentliche Botschaft.

  1. Klicke unten oder neben deiner ersten Seite auf Seite hinzufügen (nicht duplizieren, damit die Seite leer ist).
  2. Hintergrund: Verwende denselben Hintergrund wie auf Seite 1, damit der Übergang nahtlos wirkt.
  3. Geöffneten Umschlag platzieren:
    • Suche unter Elemente nach „open envelope“ (geöffneter Briefumschlag).
    • Platziere ihn im unteren Bereich der Seite.
  4. Die Einladungskarte gestalten:
    • Lege ein Rechteck (Taste R drücken) an und schiebe es optisch „in“ den geöffneten Umschlag.
    • Schreibe hier alle wichtigen Infos hinein: Anlass, Datum, Uhrzeit, Ort.
    • Optional: Füge einen Button für die Rückmeldung (RSVP) hinzu, der beispielsweise direkt zu einem Google-Formular oder einem WhatsApp-Chat führt.

Schritt 4: Die Verlinkung erstellen (Der Klick-Effekt)

Jetzt verbinden wir Seite 1 mit Seite 2, damit der Klick funktioniert.

  1. Gehe zurück zu Seite 1.
  2. Klicke das Element an, das als Auslöser dienen soll.
    • Empfehlung: Klicke das Wachssiegel oder den gesamten Umschlag an. Du kannst auch Umschlag und Siegel markieren und mit Strg + G (Mac: Cmd + G) gruppieren.
  3. Klicke in der Menüleiste oben rechts auf das Drei-Punkte-Menü (...) und wähle das Link-Symbol (Kettensymbol) aus (oder nutze das Tastenkürzel Strg + K / Cmd + K).
  4. Es öffnet sich ein Suchfeld. Scrolle im Bereich „Seiten in diesem Dokument“ nach unten und wähle Seite 2 aus.
  5. Klicke auf Fertig.

(Tipp: Wenn du möchtest, dass der Umschlag wieder geschlossen werden kann, erstelle auf Seite 2 einen kleinen Button wie „Zurück“ und verlinke diesen wieder mit Seite 1.)

Schritt 5: Übergangseffekt hinzufügen (Für mehr Realismus)

Damit der Umschlag nicht ruckartig umschaltet, fügen wir eine sanfte Animation hinzu:

  1. Fahre mit der Maus in den Bereich zwischen Seite 1 und Seite 2.
  2. Klicke auf das kleine Symbol Übergang hinzufügen (zwei überlappende Dreiecke).
  3. Wähle am besten den Übergang „Überblenden“ (Dissolve) oder „Fließen“, um das Öffnen möglichst weich wirken zu lassen.

Schritt 6: Als Website veröffentlichen & Testen

  1. Klicke oben rechts auf den Button Website veröffentlichen.
  2. Wähle bei den Einstellungen:
    • Navigation: Wähle hier unbedingt „Ohne Navigation“, damit oben kein Menübalken mit Seitenzahlen angezeigt wird – nur so bleibt die Illusion erhalten!
    • Größe an Mobilgeräte anpassen: Setze hier ein Häkchen.
  3. Wähle Kostenlose Domain (von Canva bereitgestellt) und gib deiner Seite einen Namen (z. B. unsere-hochzeit).
  4. Klicke auf Veröffentlichen.

Fertig!

Kopiere den generierten Link und sende ihn per WhatsApp, E-Mail oder Messenger an deine Freunde. Sobald sie den Link öffnen und auf den Umschlag tippen, gleitet dieser auf und gibt deine Einladung frei!

0