Die vollständige Anleitung zur Verwendung von SmartVideo mit Divi Builder für WordPress-Videohosting

Für Benutzer von Divi Builder bietet Ihnen SmartVideo genau das Tool, das Sie benötigen, um ein modernes, professionelles und natives Videowiedergabeerlebnis auf Ihrer Website bereitzustellen.

Wir leben im Zeitalter leistungsstarker WordPress-Themes und Seitenersteller, die Ihnen helfen, jede Website unter der Sonne zu erstellen. Ein solcher Themen- und visueller Seitenersteller ist Divi Builder von den coolen Leuten bei Elegant Themes.

Wenn Sie ein vereidigter Divi Builder-Benutzer sind, werden Sie den heutigen Beitrag lieben. In wenigen Minuten zeigen wir Ihnen genau, wie Sie SmartVideo von Swarmify zusammen mit Divi Builder verwenden.

Jetzt müssen Sie auf Ihrer Website nicht mehr Vimeo oder die Link-geladenen Videoplayer von YouTube verwenden. Wir bieten Ihnen einen übersichtlichen Videoplayer, der auf Ihrer von Divi betriebenen Website absolut fantastisch aussieht.

Was sind die direkten Vorteile?

• Der SmartVideo-Videoplayer enthält kein Branding von Drittanbietern (Hallo, YouTube) und keine Links, die den Verkehr abziehen, den Sie so hart arbeiten, um ihn auf Ihre Website zu lenken. Jetzt können Sie Ihre Videoplayer für dieses scharfe und professionelle Erscheinungsbild brandmarken :)
• Unser Video-CDN und die proprietäre EdgeAI-Technologie ermöglichen es Ihnen, Ihren Website-Besuchern superschnelle, pufferfreie und fehlerfreie Videos anzubieten, egal wo auf der Welt sie sich befinden. Ihre Benutzer werden es Ihnen danken.
• Wir verwenden die gleiche Infrastruktur, die Streaming-Giganten wie Netflix und Hulu verwenden, weil wir uns voll und ganz unserer Mission verschrieben haben. Als Ergebnis genießen Sie sofort startende und verzögerungsfreie Videos, die Ihnen helfen, mehr Besucher zu halten und Ihren Umsatz zu steigern.
• Unsere Videocodierungslösung ist einfach klasse, was bedeutet, dass Ihre Website-Besucher unabhängig vom verwendeten Gerät eine qualitativ hochwertige Videowiedergabe genießen können. Verabschieden Sie sich von skizzenhaften Videos, die auf verschiedenen Bildschirmen und Auflösungen schrecklich aussehen.
• Und noch viel mehr, wie Sie später in diesem Artikel erfahren werden :)

Lassen Sie uns zunächst mehr über den Divi Builder und seine Integration mit SmartVideo erfahren.

Spoiler-Alarm: Sie können den SmartVideo-Code manuell zu Ihrer Divi Builder-Website hinzufügen, aber Sie können jetzt alle technischen Dinge mit unserem neuen SmartVideo-WordPress-Plugin überspringen. Das bedeutet, dass Sie SmartVideo problemlos in Divi Builder integrieren können, selbst wenn Sie nicht programmieren können, um Ihr Leben zu retten.

Was ist DiviBuilder?

Wenn Sie neu sind, ist Divi ein schönes und leistungsstarkes WordPress-Design und ein visueller Seitenersteller. Dank fortschrittlicher visueller Builder-Technologie hilft Ihnen Divi dabei, schnell tolle WordPress-Websites zu erstellen.

Divi wird mit einer Menge vorgefertigter Layouts geliefert, die Sie mit einem einzigen Klick in Ihre WordPress-Installation importieren können. Darüber hinaus haben Sie den Divi Visual Builder , mit dem Sie Ihre Website durch Ziehen und Ablegen von Elementen anpassen können.

Richtig, Sie brauchen keine Programmierkenntnisse, um mit Divi eine bemerkenswerte Website zu erstellen. Wem das noch nicht reicht, der kann sogar zwei unterschiedliche Layouts gleichzeitig nutzen und hat so viel Gestaltungsfreiheit.

Divi bietet eine Menge erstaunlicher Funktionen, darunter:

• Über 40 Website-Elemente wie Call-to-Action-Buttons, Galerien, Formulare, Blogs, Slider, Testimonials etc.
• Über 800 vorgefertigte Designs in verschiedenen Nischen wie Business, E-Commerce, Technologie, Gesundheit usw.
• Vollständige Designkontrolle
• 100 % responsives Design mit zusätzlichen Einstellungen für alle Arten von Geräten
• Benutzerdefiniertes CSS-Steuerelement
• Eine große Bibliothek mit Effekten, Übergängen und Stilen
• Eine Million und eine Gestaltungsmöglichkeit
• Und so viel mehr!

Das Beste daran ist, dass Sie beim Kauf von Divi Zugriff auf andere WordPress-Designs und -Plugins erhalten. Elegant Themes hat über 700.000 Kunden, Sie sind also in sicheren Händen.

„Divi ist der KÖNIG, wenn es um einfaches Webdesign geht. Was früher eine Woche dauerte, dauert ein paar Stunden, und jetzt haben wir unser persönliches Ziel erreicht, alle Websites unserer Kunden auf Divi umzustellen.“ - Scott Lawrence

Divi ist perfekt für Freiberufler, Agenturen und Websitebesitzer, die einen leistungsstarken, intuitiven und benutzerfreundlichen visuellen Seitenersteller suchen. Unabhängig davon, ob Sie wissen, wie man codiert oder nicht, Divi ist ein unglaubliches Tool zum Erstellen von Websites.

Das heißt, was ist SmartVideo?

Was ist Swarmify SmartVideo?

Für Neueinsteiger ist Swarmify ein erstklassiger Videobeschleunigungsdienst, den wir 2013 nach Tagen strenger Entwicklung und Tests eingeführt haben.

Unsere ist eine Full-Service-Video-Hosting-Plattform mit Toolsets für Kodierung, Wiedergabe, Video-CDN, Bereitstellung und Verteilung. Wir sind stolz darauf, mit einer wachsenden Zahl von Unternehmern aus allen Lebensbereichen zusammenzuarbeiten.

Wir sind leidenschaftlich bei dem, was wir tun, und arbeiten unermüdlich daran, Ihnen Videos anzubieten, die sofort geladen werden, ohne zu puffern, wie es bei vielen Video-Hosting-Sites wie YouTube, Wistia und Vimeo üblich ist.

Swarmify garantiert Ihnen eine 12x schnellere Videowiedergabe und 8x weniger Pufferung als durchschnittliche Videoplayer auf dem Markt. Wir konzentrieren uns nur auf das Beschleunigen von Videos und wir sind ziemlich gut darin :)

Abgesehen vom schamlosen Plug-In lässt sich Swarmify unglaublich einfach in mehrere Website-Erstellungsplattformen integrieren, darunter unter anderem WordPress, Shopify und Squarespace.

Während Sie den SmartVideo-Videoplayer manuell in Ihre WordPress-Site einbetten können, können Sie mit unserem revolutionären SmartVideo-WordPress-Plugin Zeit sparen.

Das Plugin ist lächerlich einfach zu installieren und auf Ihrer WordPress + Divi Builder-Website einzurichten. Sie werden Ihren Besuchern in weniger als 10 Minuten schnelle und qualitativ hochwertige Videoerlebnisse liefern!

Mit diesen Hintergrundinformationen sind wir jetzt bereit für den lustigen Teil. Im nächsten Abschnitt erfahren Sie, wie Sie Swarmify mit Divi Builder verwenden. Mit anderen Worten, wir zeigen Ihnen, wie Sie einem typischen Divi Builder-Layout ein Video hinzufügen.

So verwenden Sie Swarmify SmartVideo mit Divi Builder

Für den folgenden Abschnitt müssen Sie sowohl das SmartVideo WordPress-Plugin als auch Divi installieren und aktivieren. Das Installieren und Aktivieren von SmartVideo oder Divi ist etwas für Viertklässler, von denen wir nicht erwarten, dass Sie auf Probleme stoßen.

Wenn Sie Divi und SmartVideo bereit haben, lassen Sie uns an die Arbeit gehen. Zur Veranschaulichung arbeite ich mit dem Layout der Webagentur von Divi, das ungefähr so ​​​​aussieht:

Ziemlich ordentlich, oder? Was ich tun werde, ist, ein SmartVideo-Video direkt unter dem Haupttitel hinzuzufügen, der lautet: „ Full-Service-Webdesign-Agentur “. Siehe Bild oben.

Lasst uns beginnen!

Navigieren Sie in Ihrem WordPress-Admin-Dashboard zu der Seite, die Sie bearbeiten möchten. In unserem Fall bearbeite ich die im Screenshot oben gezeigte Homepage .

Öffnen Sie die Seite wie gewohnt im Editor. Um mit der Bearbeitung der obigen Seite in Divi Builder zu beginnen, klicken Sie einfach auf die Schaltfläche Mit Divi Builder bearbeiten , wie wir unten hervorheben.

Dadurch wird Ihre Seite im Frontend geladen. Klicken Sie als Nächstes auf die Schaltfläche Visual Builder aktivieren, wie unten gezeigt.

Scrollen Sie als Nächstes zu dem Abschnitt, den Sie bearbeiten möchten. In unserem Fall fügen wir ein SmartVideo direkt unter dem Haupttitel oben auf der Seite hinzu.

Wenn Sie mit der Maus über den Abschnitt fahren, werden Bearbeitungsoptionen angezeigt. Klicken Sie einfach auf das Pluszeichen (+) , um ein neues Modul hinzuzufügen:

Dies öffnet ein Popup, in dem Sie ein neues Divi-Modul hinzufügen können:

Geben Sie als Nächstes „SmartVideo“ in das Suchfeld ein und klicken Sie auf SmartVideo , wie unten gezeigt.

Danach ist es an der Zeit, Ihr Video über die Registerkarte SmartVideo-Einstellungen zu konfigurieren. Wie Sie im Bild unten sehen können, stehen Ihnen viele Optionen zur Verfügung:

In den SmartVideo-Einstellungen können Sie:

• Wählen Sie die Videoquelle – Dies kann die WordPress-Medienbibliothek, YouTube, Vimeo oder eine andere Quelle sein ( NB : Wenn Ihr YouTube-Video auf privat eingestellt ist, ändern Sie es stattdessen auf nicht gelistet )
• Ändern Sie die Breite und Höhe Ihres Videos
• Legen Sie ein benutzerdefiniertes Poster für Ihr Video fest (SmartVideo verwendet standardmäßig das erste Bild Ihres Videos, wenn Sie kein benutzerdefiniertes Posterbild auswählen).
• Schalten Sie Optionen wie Autoplay, Loop und Muted ein/aus
• Schalten Sie Optionen wie Videosteuerung, responsives Design und Inline-Videowiedergabe für den iOS-Safari-Browser ein/aus
• Steuern Sie das Design Ihres Videos mit Divi-Optionen, darunter Rahmen, Größe, Abstände, Filter, Box-Schatten, Animationen und vieles mehr :)

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche Speichern , wie unten beschrieben:

Vergessen Sie danach nicht, die Änderungen im Divi Visual Builder zu speichern:

Wenn wir uns jetzt unsere Beispielseite im Front-End ansehen, sehen wir den neuen SmartVideo-Videoplayer, der bereit ist, die Party zu rocken:

Um ein SmartVideo in einem beliebigen Abschnitt hinzuzufügen, wiederholen Sie einfach den Vorgang. Starten Sie die Seite, die Sie bearbeiten möchten, in Divi Visual Builder, klicken Sie auf das Pluszeichen (+) , um ein neues Modul hinzuzufügen, wählen Sie das SmartVideo-Modul, fügen Sie Ihre Optionen hinzu und speichern Sie Ihre Änderungen.

So einfach wie A, B, C!

Das Hinzufügen von SmartVideo-Videos zu Ihrer Divi-Website war noch nie so einfach. Sie können alles über YouTube-Branding, empfohlene Videos und Links, die Ihren Traffic stehlen, vergessen.

Außerdem können Sie den SmartVideo-Videoplayer vollständig an den Stil Ihrer Website anpassen.

Was ist mehr?

Wenn Sie bereits Videos auf Ihrer Divi-Website haben, konvertiert SmartVideo diese automatisch, sobald Sie unser Plugin konfigurieren.

Stellen Sie sicher, dass Sie Hintergrund und vorhandene Videos optimieren in Ihren SmartVideo-Einstellungen aktivieren.

Wie?

Navigieren Sie in Ihrem WordPress-Admin-Dashboard zu SmartVideo > Einstellungen . Schalten Sie als Nächstes Hintergrund und vorhandene Videos optimieren um :

Klicken Sie danach unten auf der Seite auf die Schaltfläche Einstellungen speichern :

Und das war's - SmartVideo konvertiert alle Ihre vorhandenen Videos automatisch.

Das stimmt; du musst nichts weiter machen :)

So passen Sie den SmartVideo-Videoplayer an

Bevor wir zum Ende kommen, lassen Sie uns einige Optionen zum Anpassen des SmartVideo-Videoplayers behandeln.

Form und Farbe des Videoplayers ändern

Standardmäßig verwendet der SmartVideo-Videoplayer eine gelbe sechseckige Wiedergabeschaltfläche. Sie können jedoch Form und Farbe an Ihre Website anpassen. Hier ist wie.

Klicken Sie in Ihrem WordPress-Admin-Dashboard auf SmartVideo:

Sobald Sie sich im SmartVideo-Dashboard befinden, klicken Sie auf die Registerkarte Einstellungen , wie unten gezeigt.

Scrollen Sie auf dem Einstellungsbildschirm nach unten und Sie finden Abschnitte, in denen Sie die Form und Farbe der Wiedergabeschaltfläche ändern können:

Hier sind weitere Hinweise zum Screenshot oben.

1. Um die Form der Player-Schaltfläche zu ändern, wählen Sie Standard , Rechteck oder Kreis aus dem Dropdown-Menü.
2. Wählen Sie eine benutzerdefinierte Farbe für Ihre Player-Schaltfläche.
3. Klicken Sie auf die Schaltfläche Einstellungen speichern, um Ihre Änderungen zu speichern.

Jetzt können Sie Ihren neu angepassten Player-Button genießen :)

Erweiterte Optionen

SmartVideo bietet mehr Optionen zum Hinzufügen von Untertiteln aus YouTube-Quellen, zum Ein- und Ausschalten der Upload-Beschleunigung, zum Wechseln zu alternativen Layouts, zum Hinzufügen eines benutzerdefinierten Wasserzeichens und zum Monetarisieren Ihrer Videos mit Anzeigen.

So finden Sie die oben genannten Optionen auf der SmartVideo-Einstellungsseite. Um Untertitel aus YouTube-Quellen hinzuzufügen, aktivieren Sie das unten angezeigte Kontrollkästchen und denken Sie daran, Ihre Einstellungen zu speichern:

Um weitere Optionen zu starten, scrollen Sie nach unten und klicken Sie auf Erweiterte Optionen , wie wir unten hervorheben.

Unter dem Abschnitt „ Erweiterte Optionen “ haben Sie die folgenden Optionen:

1. Schalten Sie die alternative Layoutmethode ein oder aus , was hilfreich ist, wenn Sie ungewöhnliche Videogrößen oder Probleme mit dem Vollbildmodus haben.
2. Schalten Sie die Upload-Beschleunigung ein oder aus, wenn Sie Probleme mit Uploads haben.
3. Legen Sie ein benutzerdefiniertes Wasserzeichen/Logo auf Ihrem Videoplayer fest.
4. Fügen Sie eine VAST-Anzeigen-URL hinzu, damit Sie Anzeigen von Adsense, Spotx, DFP usw. verkaufen können.

Profi-Tipp: Denken Sie immer daran, unten auf die Schaltfläche Einstellungen speichern zu klicken, um Ihre Änderungen zu speichern.

Letzte Worte

Divi ist ein wunderbares WordPress-Theme und ein visueller Seitenersteller. Es hilft Ihnen, schöne Websites zu erstellen, bevor der nächste Typ ein Sandwich auffrisst. Der Prozess ist so einfach wie das Importieren eines Layouts und das Anpassen bis zum Umfallen.

Die Drag-and-Drop-Funktionalität macht das Anpassen jedes Layouts zum Kinderspiel. Sie benötigen keinerlei Programmierkenntnisse, außerdem bearbeiten Sie Ihre Website im Frontend und sehen, wie Ihre Änderungen in Echtzeit wirksam werden.

Wenn Sie Videos auf Ihrer Website verwenden, hilft Ihnen SmartVideo, schnelle, pufferfreie und professionelle Videoerlebnisse auf Ihrer Website bereitzustellen. Selbst wenn Sie Ihre Videos auf YouTube oder anderswo hosten, eliminiert unser übersichtlicher Videoplayer Markenzeichen und Links von Drittanbietern.

Divi + SmartVideo ist eine erfolgreiche Kombination. Sie haben jetzt die perfekte Kombination in Ihren Händen, um Websites schnell zu erstellen und Ihren Website-Besuchern oder Webdesign-Kunden unvergleichliche Videoerlebnisse zu bieten.

Außerdem haben wir keine Bandbreiten- oder Speicherbeschränkungen wie andere Dienste, was bedeutet, dass Sie unbegrenzt Videos zu taschenfreundlichen Preisen hosten können :) Probieren Sie Divi + SmartVideo noch heute aus und genießen Sie schnelle und qualitativ hochwertige Videos, ohne ins Schwitzen zu geraten.

Lassen Sie uns wissen, wie es geht. Frohes Bauen!