So betten Sie TikTok-Feeds auf Ihrer Astra-WordPress-Seite ein
Startseite Blog So betten Sie TikTok-Feeds auf Ihrer Astra-WordPress-Seite ein

So betten Sie TikTok-Feeds auf Ihrer Astra-WordPress-Seite ein

So betten Sie TikTok-Feeds auf Ihrer Astra-WordPress-Seite ein

Möchten Sie Ihre Astra-WordPress-Website durch die Integration von dynamischen TikTok-Feeds verbessern?

Als beliebter Website-Builder ermöglicht es Astra seinen Nutzern, atemberaubende Websites ohne umfangreiche Programmierung zu erstellen. Die Anzeige von TikTok-Videos kann zwar das Engagement auf der Website erheblich steigern, aber das manuelle Einbetten mehrerer Feeds kann ein komplexer und zeitaufwändiger Prozess sein.

Möglicherweise müssen Sie sich mit viel benutzerdefiniertem Code auseinandersetzen, und das resultierende Design kann mit der Ästhetik Ihrer bestehenden Website kollidieren.

Diese umfassende Anleitung führt Sie durch die einfachste und effizienteste Methode, um fesselnde TikTok-Feeds zu Ihrer Astra-WordPress-Website hinzuzufügen.

Wir werden untersuchen, wie ein spezielles Plugin diesen Prozess rationalisiert, eine nahtlose Integration gewährleistet und Ihnen hilft, die immense Popularität von TikTok für Ihr Unternehmenswachstum zu nutzen.

Warum die manuelle TikTok-Einbettung für Astra-Benutzer nicht ausreicht

Die manuelle Integration von TikTok-Videos auf Ihrer Elementor-WordPress-Website birgt einige allgemeine Herausforderungen:

  • Komplexität und Zeitaufwand: Die Erstellung individueller Einbettungscodes für jedes Video ist ein mühsamer Prozess.
  • Uneinheitliches Design: Eingebettete Videos behalten oft das Standard-Styling von TikTok bei, was zu einem Konflikt mit dem sorgfältig gestalteten Design Ihrer Astra-Website führen kann.
  • Fehlende Anpassungsmöglichkeiten: Begrenzte Möglichkeiten, wie die Feeds auf Ihrer Website erscheinen und sich verhalten.
  • Erfordert ständige Aktualisierungen: Jedes Mal, wenn ein neues TikTok-Video veröffentlicht wird, müssen Sie den gesamten Vorgang wiederholen, um es auf Ihrer Website einzubetten.

Wir stellen vor: TikTok Feed Pro: Die nahtlose Elementor Integrationslösung

Um diese Hürden zu überwinden und dynamische TikTok-Feeds effizient auf Ihrer Astra-Website anzuzeigen, empfehlen wir die Verwendung eines speziellen Social-Media-Aggregator-Plugins: TikTok Feed Pro.

tiktok feed pro Startseite

Dieses Plugin wurde speziell entwickelt, um den gesamten Prozess zu vereinfachen. Es ermöglicht Ihnen, TikTok-Feeds in WordPress und Elementor ohne jegliche Programmierkenntnisse zu erstellen, anzupassen und einzubetten.

Die wichtigsten Vorteile und Funktionen von TikTok Feed Pro für Astra-Benutzer:

  • Nahtlose Design-Integration: Alle erstellten Feeds übernehmen automatisch das Design Ihres WordPress-Themes, so dass Ihre TikTok-Videos das Design Ihrer Astra-Website perfekt ergänzen.
  • Vorgefertigte Vorlagen: Starten Sie schnell optisch ansprechende Feeds, indem Sie professionelle, gebrauchsfertige Vorlagen mit einem einzigen Klick importieren.
  • Optimierte Leistung: Als leichtgewichtiges Plugin sorgt TikTok Feed Pro dafür, dass Ihre Astra-Website auch bei zahlreichen eingebetteten Videos schnell geladen wird. Dies trägt zu einer verbesserten Suchmaschinenoptimierung bei.
  • Engagierter Support: Bei Fragen oder Problemen steht Ihnen ein kompetenter Kundensupport zur Verfügung, der für einen reibungslosen Ablauf sorgt.
  • Visueller Anpasser: Erstellen Sie ganz einfach einzigartige TikTok-Video-Feeds mit einem intuitiven visuellen Drag-and-Drop-Anpassungsprogramm, das keine Design- oder Programmierkenntnisse erfordert.
tiktok feed pro-Anpassung

Durch den Einsatz von TikTok Feed Pro können Astra-Nutzer ihre Websites in dynamische Drehscheiben für ansprechende Videoinhalte verwandeln und so die Nutzerbindung und die Konversionsraten deutlich erhöhen.

Sind Sie bereit, TikTok-Feeds hinzuzufügen, um Ihre Astra-WordPress-Website zu verbessern? Holen Sie sich Ihr Exemplar von TikTok Feed Pro hier!

Wie das Hinzufügen von TikTok-Feeds Ihrer Astra-WordPress-Website helfen kann

Die Anzeige von TikTok-Feeds kann Ihrer Astra-Website einen enormen Schub geben, wenn Sie das Engagement steigern und Ihre Online-Präsenz ausbauen möchten:

  • TikTok-Followerschaft erhöhen: Erweitern Sie Ihre Social Media-Reichweite und bauen Sie eine stärkere Online-Community auf, indem Sie Ihren Website-Traffic in engagierte TikTok-Follower umwandeln.
  • Fördern Sie Verkäufe und Konversionen: Präsentieren Sie überzeugende Video-Testimonials und Produktdemonstrationen von TikTok direkt auf Ihren Produkt- oder Serviceseiten, um Vertrauen zu schaffen und Käufe zu fördern.
  • Steigern Sie die Nutzerbindung: Fesseln Sie Besucher mit dynamischen, frischen Videoinhalten, die sie dazu anregen, Ihre Website länger zu erkunden und die Verweildauer zu erhöhen.
  • Verbessern Sie Ihr SEO-Ranking: Frische Inhalte mit relevanten Schlüsselwörtern von TikTok können den Suchmaschinen signalisieren, dass Ihre Website aktiv ist und Ihr SEO-Ranking verbessern.
  • Präsentieren Sie Ihre Markenpersönlichkeit: Die TikTok-Präsenz Ihrer Marke trägt dazu bei, Ihr Unternehmen zu vermenschlichen, ein Gefühl der Authentizität zu schaffen und eine Verbindung zu einem jüngeren Publikum herzustellen.

Schritt-für-Schritt-Anleitung: Wie Sie TikTok-Feeds in Ihre Astra-WordPress-Website einbetten

Folgen Sie einfach diesen detaillierten Anweisungen, um dynamische TikTok-Feeds nahtlos in Ihre Astra-Website zu integrieren:

Schritt 1: Herunterladen, Installieren und Aktivieren des TikTok Feed Pro Plugins

Beginnen Sie, indem Sie sich hier eine Kopie des TikTok Feed Pro Plugins holen.

Nach dem Download installieren und aktivieren Sie das Plugin auf Ihrer Astra-WordPress-Website.

(Wenn Sie bei diesem Schritt Hilfe benötigen, können Sie sich diese umfassende Anleitung zur Installation von WordPress-Plugins ansehen).

Schritt 2: Verwenden Sie das Plugin, um einen TikTok-Feed zu erstellen

Gehen Sie zum Dashboard Ihrer Website und öffnen Sie das Menü TikTok Feed " Alle Feeds auf der linken Seite.

Um mit der Erstellung Ihres Feeds zu beginnen, klicken Sie auf die Schaltfläche Neu hinzufügen.

Live-Feed-Editor öffnen tiktok feed

Schritt 3: Verbinden Sie Ihr TikTok-Konto als Quelle

Damit TikTok Feed Pro Ihre TikTok-Videos abrufen kann, müssen Sie Ihr TikTok-Konto sicher verbinden.

Klicken Sie auf die Schaltfläche Quelle hinzufügen , um eine Verbindung zu TikTok herzustellen.

tiktok feed pro Quelle hinzufügen

Auf der nächsten Seite können Sie auf Mit TikTok verbinden klicken, um fortzufahren.

Diese Aktion leitet Sie sicher auf die offizielle Website von TikTok (https://www.tiktok.com/) in Ihrem Browser um.

mit tiktok verbinden

Auf der Autorisierungsseite von TikTok können Sie die angeforderten Berechtigungen überprüfen.

TikTok Feed Pro benötigt nur Lesezugriff, um Ihre öffentlichen Profilinformationen und Videos anzuzeigen. Es kann keine Änderungen an Ihrem TikTok-Konto vornehmen und ist daher 100% sicher.

Klicken Sie auf Autorisieren, um die erforderlichen Berechtigungen zu erteilen.

Sie werden dann sicher zu Ihrem WordPress-Dashboard zurückgeleitet.

Wählen Sie das neu verbundene TikTok-Konto aus der Liste aus und klicken Sie auf Weiter, um es als Ihre Feed-Quelle zu bestätigen.

Wählen Sie Ihre Tiktok-Quelle

Schritt 4: Anpassen Ihres TikTok-Video-Feeds

Nachdem Sie Ihr Konto erfolgreich verbunden haben, können Sie mit den TikTok Feed Pro-Anleitungen das Design Ihres Feeds anpassen.

Für den Einstieg können Sie aus verschiedenen vorgefertigten Vorlagen wählen, die jeweils eine einzigartige Ästhetik bieten.

Wählen Sie Ihre bevorzugte Vorlage aus den Optionen aus und klicken Sie auf Weiter.

Wählen Sie Ihre Feed-Vorlage tiktok

Das Plugin öffnet Ihren Feed in einem visuellen Echtzeit-Customizer.

Der linke Bereich enthält umfassende Anpassungsoptionen, während der rechte Bereich eine Live-Vorschau Ihres Feeds anzeigt und so ein sofortiges Feedback ermöglicht.

live feed editor tikto feed pro

Um Ihnen eine Vorstellung davon zu geben, wie der Live-Feed-Editor funktioniert, werde ich die wichtigsten Anpassungsoptionen durchgehen.

Klicken Sie zunächst auf die Option Layout auf der linken Seite.

Layouts öffnen tiktok feed pro

Das Plugin bietet vier verschiedene Layouts zur Anzeige Ihrer TikTok-Videos:

  • Raster: Zeigt mehrere TikTok-Videos in geordneten Reihen und Spalten an, ideal für die Anzeige einer großen Menge von Inhalten.
  • Liste: Zeigt die Videos in einer einzigen Spalte an, so dass die einzelnen Videos klar voneinander abgegrenzt sind und leicht zu erkennen sind.
  • Gemäuer: Behält die ursprünglichen Seitenverhältnisse Ihrer Videos bei und ordnet sie in mehreren Spalten an, um ein dynamisches und visuell ansprechendes Aussehen zu erzielen.
  • Karussell: Erzeugt eine interaktive Anzeige Ihrer Videos im Stil einer Diashow, die sich perfekt eignet, um Nutzer auf kleinstem Raum anzusprechen.
Layout-Optionen für tiktok feed pro

Nachdem Sie das gewünschte Layout ausgewählt haben, klicken Sie auf Speichern, um die Änderungen zu übernehmen.

Um zu den Hauptanpassungsoptionen zurückzukehren, klicken Sie auf die Schaltfläche Anpassen oben links.

Schaltfläche anpassen live feed editor tiktok feed pro

Im nächsten Beispiel passen wir die Kopfzeile an, die über Ihrem TikTok-Video-Feed erscheint.

Wählen Sie auf der linken Seite diesmal die Option Kopfzeile.

Kopfzeilenoptionen für Tiktok öffnen

Sie können die Kopfzeile mit der Option am oberen Rand aktivieren oder deaktivieren.

Falls aktiviert, können Sie mit den Kontrollkästchen bestimmte Elemente ein- oder ausblenden, z. B:

  • Profilbild
  • Name
  • Benutzername
  • Beschreibung
  • Statistiken
  • Schaltfläche

Wenn Sie Ihren TikTok-Feed-Header fertig eingerichtet haben, klicken Sie auf Speichern.

Falls Sie mehr Kontrolle über Ihre Kopfzeile wünschen, können Sie jedes dieser Elemente im Detail anpassen.

Wenn Sie z. B. auf Profilbild klicken, sehen Sie die Optionen zum Ändern der Größe, der Polsterung und der Ränder.

Kopfzeile anpassen Profil titok feed

Klicken Sie abschließend auf Speichern und bestätigen Sie das Profilbilddesign für Ihren TikTok-Feed.

Entdecken Sie zusätzliche Anpassungsoptionen:

TikTok Feed Pro bietet umfangreiche Optionen für Schaltflächendesign, Videoelemente, Filter und mehr. Experimentieren Sie mit diesen Einstellungen, um einen wirklich einzigartigen und ansprechenden Feed zu erstellen.

Denken Sie daran, nach den Änderungen auf Speichern zu klicken, um sie zu bestätigen.

Schritt 5: Fügen Sie Ihren neuen TikTok-Feed zu Astra hinzu

Der letzte Schritt besteht darin, Ihren neu erstellten und angepassten TikTok-Feed direkt in Ihre Astra-Seite oder Ihren Beitrag zu integrieren.

Sie können beginnen, indem Sie oben auf die Schaltfläche Einbetten klicken.

tiktok feed live feed editor einbetten

Es erscheint ein Popup mit verschiedenen Einbettungsoptionen für Ihren TikTok-Feed.

Für die Astra-Integration klicken Sie auf Kopieren, um den eindeutigen Shortcode in Ihre Zwischenablage zu kopieren.

Kopiere den Shortcode deines Instagram-Feeds

Danach können Sie die Seite oder den Beitrag öffnen, in den Sie Ihren TikTok-Feed einbetten möchten.

Falls Sie noch keine Seite vorbereitet haben, können Sie jetzt eine erstellen.

Öffnen Sie in Ihrem Dashboard-Bereich das Menü Seiten " Neu hinzufügen .

Klicken Sie auf Ihrer neuen Seite oben auf die Schaltfläche Designbibliothek.

Öffnen Sie die Astra-Design-Bibliothek

Sie können auch einen neuen WordPress-Beitrag erstellen und dasselbe tun, wenn Sie dies bevorzugen.

Wenn Sie die Design-Bibliothek öffnen, sehen Sie ein Popup mit allen Mustern, Seiten und Kits, die Sie in diese Seite oder diesen Beitrag einfügen können.

Klicken Sie zunächst auf die Schaltfläche " Kits" am oberen Rand.

wählen Sie die Option Bausätze in der Entwurfsbibliothek

Sie sehen nun alle Astra-Bausätze, die Sie einsetzen können. Hier gibt es eine Menge Optionen, also nehmen Sie sich Zeit.

Wenn Sie einen Bausatz gefunden haben, klicken Sie ihn einfach an, um fortzufahren.

Wählen Sie einen Bausatz aus den Optionen im Popup-Fenster

Auf diese Weise erhalten Sie weitere Informationen zu diesem Bausatz, einschließlich aller Seiten und der Möglichkeit, eine Vorschau anzusehen.

Wenn Sie mit dem Bausatz zufrieden sind, klicken Sie auf die Schaltfläche Installieren unten.

Ihr Website-Kit in eine Seite oder einen Beitrag einfügen

Einfach so wird das Kit in Ihre WordPress-Seite oder Ihren Beitrag eingefügt, einschließlich aller Designelemente.

Danach können Sie auf das Pluszeichen (+) klicken, um einen neuen Block hinzuzufügen.

einen neuen Block zur Astra-Seite hinzufügen

Als Nächstes geben Sie in der Suchleiste oben "shortcode" ein, um den Block zu suchen.

Sobald Sie die Suchergebnisse unten sehen, klicken Sie auf den Shortcode-Block , um ihn einzufügen.

Fügen Sie den Shortcode-Block zu Ihrer Astra-Seite hinzu

Für den letzten Teil der Anleitung fügen Sie einfach den Shortcode, den Sie zuvor kopiert haben, in den neuen Block ein.

Klicken Sie abschließend auf die Schaltfläche Veröffentlichen oder Aktualisieren, um Ihren neuen TikTok-Feed zu aktivieren.

fügen Sie Ihren Shortcode auf der Astra-Seite oder im Beitrag ein

Ihr dynamischer TikTok-Video-Feed ist jetzt live auf Ihrer Astra-Website! Sie können Ihre Seite oder Ihren Beitrag ansehen, um zu sehen, wie er nahtlos in Ihre Astra-Seite oder Ihren Beitrag integriert wird.

Beispiel für einen Tiktok-Video-Feed auf einer Astra-Website

Verbessern Sie Ihre Astra-Website nahtlos mit dynamischen TikTok-Feeds

Wenn Sie dieser detaillierten Anleitung folgen, haben Sie erfolgreich gelernt, wie Sie mit TikTok Feed Pro fesselnde TikTok-Video-Feeds direkt in Ihre Astra-WordPress-Website einbetten.

Dieses leistungsstarke und benutzerfreundliche Plugin macht die Programmierung komplett überflüssig und bietet eine unkomplizierte Lösung für:

  • Steigern Sie das Engagement der Besucher und die Verweildauer auf Ihrer Website.
  • Steigern Sie Ihre TikTok-Followerschaft und erweitern Sie Ihre Reichweite in den sozialen Medien.
  • Tragen Sie durch die Präsentation dynamischer Inhalte wesentlich zum Wachstum Ihres Unternehmens bei.

Sind Sie bereit, Ihre Online-Präsenz zu verstärken und Ihr Publikum wie nie zuvor einzubinden?

Holen Sie sich TikTok Feed Pro noch heute für Ihre Website!

Weitere Ressourcen für Social Media Marketing erkunden

Möchten Sie Ihre Astra-Website mit verschiedenen Social-Media-Feeds weiter optimieren oder Ihr Marketingwissen vertiefen? Schauen Sie sich diese zusätzlichen hilfreichen Leitfäden an:

Autorenavatar
Sajjan Sharma Leitende Autorin
Sajjan schreibt seit über 10 Jahren über WordPress, Social Media Marketing und Online-Unternehmen. Seine beruflichen Interessen umfassen auch Influencer Marketing, Content Curation und digitale Marketingstrategien.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.