Schließen Sie Brizy Builder/Cloud + Swarmify für WordPress Video Hosting ab

Verwenden Sie den Brizy WordPress Page Builder oder Brizy Cloud? Wenn ja, lesen Sie weiter, um zu erfahren, wie Sie Swarmify in beide Plattformen integrieren können, um eine deutlich bessere Videoleistung zu erzielen.

Website-Builder haben das Erstellen schöner Websites unglaublich einfach gemacht. In der Vergangenheit mussten Sie Programmieren lernen, um selbst die einfachsten Websites zu erstellen.

Heutzutage ist das ganz anders. Sie benötigen keine Programmierkenntnisse, um Websites wie die Profis zu erstellen.

Alles dank Tools wie dem Brizy WordPress Page Builder und seiner in der Cloud gehosteten Schwester Brizy Cloud. Dasselbe Unternehmen bietet beide Lösungen an.

Brizy WordPress Page Builder kommt in Form eines Plugins, das Sie auf Ihrer WordPress-Website installieren. Wissen Sie, unter anderem so etwas wie Elementor und Divi.

Brizy Cloud hingegen kommt in Form eines Online-Website-Builders wie unter anderem Webflow, Wix und Weebly daher.

Sowohl Brizy Cloud als auch Brizy WordPress Builder bieten Ihnen die Tools, die Sie benötigen, um eine Vielzahl von Websites zu erstellen, ohne ins Schwitzen zu geraten.

Sie sind im Grunde das gleiche Produkt. Der einzige große Unterschied besteht darin, dass es sich bei einem um ein WordPress-Plugin und bei dem anderen um einen in der Cloud gehosteten Dienst handelt.

Kapiert?

Die gute Nachricht ist, dass Sie Swarmify problemlos in Brizy Cloud oder eine WordPress-Website integrieren können, die mit dem Brizy Page Builder erstellt wurde.

Und im heutigen Beitrag zeigen wir dir genau wie!

Lassen Sie uns ohne weiteres anfangen, denn es gibt viel zu lernen :)

Was ist Brizy Builder/Cloud?

Das Wichtigste zuerst, was ist Brizy? Brizy ist ein bemerkenswert einfach zu bedienender Website-Builder, der in zwei Varianten erhältlich ist: ein WordPress-Plugin und eine Cloud-gehostete Version.

Das Brizy WordPress-Plugin ist großartig für Leute mit einer WordPress-Website. Brizy Cloud ist perfekt für Anfänger, die Websites ohne Programmierkenntnisse erstellen möchten.

Sowohl das Brizy-Plugin als auch Brizy Cloud bieten Ihnen einen Drag-and-Drop-Editor, der Ihnen hilft, eine Website visuell zu erstellen.

Brizy wurde vom preisgekrönten WordPress-Theme-Entwickler Themefuse entwickelt, um Ihnen dabei zu helfen, beeindruckende Websites mit einem intuitiven Website-Builder zu erstellen, der kinderleicht zu bedienen ist.

Ich habe sowohl die WordPress-Version als auch die Cloud ausprobiert und war beeindruckt. Themefuse hat das Spiel mit einem einfachen, aber leistungsstarken Website-Builder, der Ihnen nicht im Weg steht, komplett verändert.

Hier ist eine Liste der Funktionen, die mir gefallen haben.

Schlüsselfunktionen von Brizy Builder/Cloud

• Intuitiver Drag-and-Drop-Editor
• Über 40 vorgefertigte Website-Layouts, die Sie mit einem Klick importieren können
• Über 150 vorgefertigte Blöcke
• Globale Stile zum schnellen Anpassen Ihrer Website
• Über 4000 Symbole
• Dutzende von Inhaltselementen wie Formulare, Abstandshalter, Text, Schaltflächen usw.
• Unbegrenzte Stile
• Benutzerdefinierte Code-Injektion
• Eine kostenlose Subdomain (z. B. https://cherry1993132.brizy.site/) mit Brizy Cloud (Sie könnten eine kostenlose Zielseite hosten, wenn Sie möchten)
• Benutzerdefinierter Domänenname
• Nahtlose Integration mit Ihren Lieblings-Apps, einschließlich Zapier, Mailchimp und mehr
• Automatisches Speichern in der Cloud
• Responsiv und für Mobilgeräte bereit
• Und vieles mehr!

Brizy platzt aus allen Nähten mit all den Funktionen, die Sie brauchen, um fantastische Websites in Rekordzeit zu erstellen.

Wenn Sie auf dem Markt nach einem Website-Builder suchen, wird Brizy Sie nicht enttäuschen. Wenn Sie Brizy bereits verwenden, machen Sie sich bereit für den nächsten Abschnitt, in dem wir mehr über Swarmify SmartVideo und die Integration in Ihre Brizy-Website erfahren.

Was ist Swarmify SmartVideo?

Wenn Sie diesen Blog schon eine Weile lesen, sind Sie mit Swarmify und SmartVideo bereits ziemlich vertraut.

Wenn Sie neu hier sind ... willkommen und fühlen Sie sich wie zu Hause :)

Für Anfänger ist Swarmify ein Videobeschleunigungsunternehmen, bei dem es darum geht, kleine Unternehmen auf der ganzen Welt qualitativ hochwertige und schnelle Videoerlebnisse bereitzustellen.

Um diese Mission zu erfüllen, hat Swarmify stark in proprietäre Technologie und dieselbe Infrastruktur investiert, die Streaming-Giganten wie Netflix und Hulu verwenden.

Das Unternehmen hat auch in ein SmartCDN investiert, das sicherstellt, dass Ihre Videos für alle Benutzer schnell geladen werden, unabhängig davon, wo auf der Welt sie sich befinden.

Lesen Sie mehr: über SmartVideo-Funktionen hier.

Sie können sich jetzt von klobigem YouTube verabschieden, und Vimeo bettet dank unseres aufgeräumten Videoplayers ein, der auf Ihrer Website schön und professionell aussieht.

Besser noch, unser SmartVideo-Dienst konvertiert alle Ihre YouTube- und Vimeo-Videos automatisch, sobald Sie ihn auf Ihrer Brizy-Website eingerichtet haben.

Wenn Sie Ihre Videos woanders hosten, werden Sie erfreut feststellen, dass wir die wichtigsten Video-Upload-Sites und Cloud-Speicherdienste unterstützen.

SmartVideo bietet Ihnen eine pufferfreie, standfeste Wiedergabe auf allen Geräten. Unsere einfach zu implementierende Lösung stellt sicher, dass Sie "... mehr Umsatz machen, Absprungraten reduzieren und die Aufmerksamkeit der Besucher auf Ihre Marke lenken".

Außerdem erhalten Sie unbegrenzte Bandbreite und Speicherplatz, sodass Sie Ihre besten Videos weiterhin ohne hohe Rechnungen teilen können.

Allerdings benötigen Sie für den nächsten Abschnitt, in dem Sie lernen, wie Sie SmartVideo in Ihre Brizy-Website integrieren, unabhängig davon, ob Sie das WordPress-Plugin oder die in der Cloud gehostete Version verwenden, ein aktives Swarmify-Konto .

Lass uns das machen!

So integrieren Sie SmartVideo mit Brizy Builder für WordPress

Beginnen wir mit Brizy Builder für WordPress. Die Installation von SmartVideo auf Ihrer WordPress-Website ist bemerkenswert einfach.

Beginnen wir mit der Installation des SmartVideo WordPress-Plugins.

Melden Sie sich bei Ihrem WordPress-Admin-Dashboard an und navigieren Sie zu Plugins > Add New , wie unten gezeigt.

Geben Sie als Nächstes SmartVideo in das Suchfeld ein und klicken Sie dann auf Jetzt installieren , wie wir unten hervorheben.

Danach klicken Sie auf die Schaltfläche Aktivieren :

Klicken Sie als Nächstes in Ihrem WordPress-Administrationsmenü auf SmartVideo :

Ihr SmartVideo-Plugin ist noch nicht bereit. Am besten verknüpfst du es über einen speziellen Schlüssel, den du in deinem Swarmify-Konto findest, mit unserem Swarm CDN.

Klicken Sie als Nächstes auf die Schaltfläche Konfigurieren , wenn Sie bereits ein Swarmify-Konto haben:

Wenn Sie kein Swarmify-Konto haben, haben Sie die Möglichkeit, eines zu erstellen. Ich hatte bereits ein Swarmify, also klickte ich auf die Schaltfläche Konfigurieren , was mich zur folgenden Seite führte.

Wie Sie im obigen Bild sehen können, ist SmartVideo immer noch deaktiviert. Scrollen Sie auf der Seite nach unten und Sie sehen ein Feld, in das Sie Ihren Swarm CDN-Schlüssel eingeben können:

Sie fügen den Schlüssel, den Sie unten kopieren möchten, in das obige Feld ein.

Melden Sie sich bei Ihrem Swarmify-Dashboard an und kopieren Sie den Swarm CDN-Schlüssel oben:

Gehen Sie zurück zu Ihrer WordPress-Site, fügen Sie den Swarm CDN-Schlüssel in das Feld ein und klicken Sie auf Enable SmartVideo , wie unten gezeigt.

Wenn Sie jetzt nach oben scrollen, werden Sie feststellen, dass SmartVideo aktiviert ist:

Das war super-duper einfach.

Jetzt ist Ihre Brizy WordPress-Website mit SmartVideo verbunden :)

Bist du darin kein Naturtalent?

Klicken Sie für weitere Optionen oben auf die Registerkarte Einstellungen , wie unten gezeigt.

Auf der Einstellungsseite haben Sie viele zusätzliche Optionen, um Ihr SmartVideo-Erlebnis anzupassen. Sie können unter anderem die Farben des SmartVideo-Videoplayers und die Form der Wiedergabeschaltfläche ändern:

Aktivieren Sie wie oben gezeigt Hintergrundvideos & vorhandene Videos optimieren und klicken Sie unten auf der Seite auf Einstellungen speichern .

Bevor wir fortfahren, lassen Sie uns Ihrer Brizy WordPress-Website ein SmartVideo hinzufügen. Ich arbeite mit der folgenden Seite.

Ich werde das hervorgehobene Bild oben durch das Video Starship: Journey to Mars von SpaceX ersetzen, das ich mir vom YouTube-Kanal von Newsthink ausgeliehen habe.

Wir werden das folgende SmartVideo-Tag verwenden, um das Video einzubetten:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

Denken Sie daran, path/to/my/video.mp4 durch die tatsächliche URL zu Ihrem Video zu ersetzen.

Hinweis : Wenn Sie YouTube verwenden, müssen Sie den Einbettungslink verwenden: https://www.youtube.com/embed/-kU6fMGh4l4 anstelle des direkten Wiedergabelinks: https://www.youtube.com/watch ?v= -kU6fMGh4l4. Wenn Sie den direkten Link verwenden, wird SmartVideo Ihr Video nicht finden und verarbeiten.

Abgesehen davon sieht mein fertiges SmartVideo-Tag so aus:

 <smartvideo src="https://www.youtube.com/embed/-kU6fMGh4l4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

Wenn Sie eine andere Videoquelle verwenden, z. B. Amazon S3, ersetzen Sie den YouTube-Link durch Ihre tatsächliche Video-URL. Sehen Sie sich die 9 besten Video-Upload- und Cloud-Speicherdienste an.

Was nun?

Öffnen Sie die WordPress-Seite, die Sie in Brizy bearbeiten möchten, indem Sie auf Continue to edit with Brizy klicken :

Das sollte Ihre Seite in den intuitiven Drag-and-Drop-Editor laden. Da ich das Bild ersetze, wähle ich das Bild aus und klicke auf das Symbol „ Löschen “:

Wenn Sie nichts ersetzen, ziehen Sie das Element Inhalt einbetten per Drag-and-Drop dorthin , wo Sie das Video hinzufügen.

Meine Seite sieht jetzt so aus:

Klicken Sie als Nächstes auf das Symbol „Hinzufügen“ (+) , um die Seitenleiste aufzurufen, und ziehen Sie Embed dann per Drag-and-Drop an die gewünschte Stelle. (In unserem Fall befindet es sich im Heldenabschnitt, da wir das Bild ersetzen):

Klicken Sie als Nächstes in das Embed- Element und dann auf die Embed- Schaltfläche, wie unten gezeigt:

Kopieren Sie als Nächstes Ihr SmartVideo-Tag und fügen Sie es in das angezeigte Feld ein:

Schaust du dir das an!

Der Videoplayer SmartVideo ist bereits im Einsatz. Aktualisieren Sie als Nächstes Ihre Seite:

Wenn ich mir jetzt meine Beispiel-Website im Frontend ansehe, sehe ich Folgendes:

Das Bild ist weg und an seiner Stelle haben wir einen wunderschönen SmartVideo-Player. Niemand kann sagen, dass wir das Video von YouTube ausgeliehen haben.

Nachdem wir Swarmify SmartVideo nun in Ihre Brizy WordPress-Site integriert haben, lassen Sie uns SmartVideo zu Brizy Cloud hinzufügen.

So integrieren Sie Swarmify SmartVideo mit Brizy Cloud

Wir haben kein Plugin für Brizy, aber das Hinzufügen von Swarmify zur Cloud-Plattform ist einfacher als Sie denken. Wir verwenden das JavaScript-Snippet von SmartVideo.

Es ist nicht wie ein SmartVideo-Tag, da es in den <head>-Abschnitt Ihrer Seiten eingefügt wird, nicht in den <body> wie das SmartVideo-Tag. Wenn Sie nicht verstehen, was das bedeutet, machen Sie sich keine Sorgen, wir halten Ihren Rücken.

Aber woher bekomme ich dieses JavaScript-Snippet?

Keine Sorge, es befindet sich in Ihrem Swarmify-Konto.

So erhalten Sie Ihr SmartVideo-JavaScript-Snippet

Melden Sie sich bei Ihrem Swarmify-Konto an und klicken Sie auf Konfiguration :

Wählen Sie als Nächstes aus, ob Sie YouTube-Videos auf Ihrer Brizy Cloud-Site haben, und klicken Sie auf Weiter :

Profi-Tipp: Wählen Sie immer Ja , um die automatische Konvertierung zu unterstützen, falls Sie in Zukunft YouTube-Videos verwenden.

Haben Sie Hintergrundvideos? Geben Sie dies an und klicken Sie auf Weiter :

Du machst das einfach gut :)

Ändern Sie als Nächstes die Farben des Videoplayers, wenn Sie möchten, und klicken Sie auf Weiter :

Danach haben Sie die Möglichkeit, die Form der Wiedergabetaste zu ändern. Klicken Sie auf Weiter nach:

Fügen Sie bei Bedarf ein benutzerdefiniertes Wasserzeichen hinzu und klicken Sie auf Weiter :

Wählen Sie als Nächstes aus, ob Sie Werbung in Ihre Videos einfügen möchten, und klicken Sie auf „ Fertig stellen “ :

Zuletzt klicken Sie auf Copy to Clipboard :

Das war nicht schwer, oder?

Ihr SmartVideo-JavaScript ist fertig. Lassen Sie uns es jetzt zu Ihrer Brizy Cloud- Website hinzufügen.

So fügen Sie Ihr JavaScript-Snippet zur Brizy Cloud-Website hinzu

Melden Sie sich bei Ihrem Brizy Cloud-Dashboard an (ich nehme an, Sie haben bereits eine Brizy Cloud-Website) und wählen Sie die Website aus, die Sie bearbeiten möchten:

Das bringt Sie direkt zum Drag-and-Drop-Website-Builder von Brizy Cloud:

Wie Sie sehen können, verwende ich dieselbe Vorlage wie zuvor :)

Aber lassen Sie sich nicht verwirren ; Wir befinden uns jetzt in der Brizy Cloud und nicht im Brizy Builder für WordPress . Die visuellen Editoren sehen bis auf wenige Ausnahmen gleich aus.

Klicken Sie als Nächstes auf das Symbol Einstellungen :

Klicken Sie danach auf die Registerkarte Einstellungen :

Klicken Sie als Nächstes auf Code Injection :

Fügen Sie Ihr SmartVideo-JavaScript-Snippet in den Header -Bereich ein und klicken Sie auf Änderungen speichern , wie unten gezeigt.

Und das ist es! Ihre Brizy Cloud ist jetzt mit Swarmify SmartVideo verbunden.

Profi-Tipp : Erinnern Sie sich, wie wir bei der Arbeit mit Brizy Builder für WordPress ein SmartVideo-Tag mit dem Embed -Element hinzugefügt haben? Wiederholen Sie den Vorgang, um Ihrer Brizy Cloud- Website ein SmartVideo-Video hinzuzufügen.

Ich rede davon:

Ich möchte den gesamten Prozess nicht noch einmal durchgehen, weil das überflüssig wäre, wenn es praktisch dasselbe ist. Gleicher Vorgang.

Abschließende Tipps

Die Integration mit Brizy Builder beinhaltet die Verwendung des SmartVideo WordPress-Plugins. Die Integration mit Brizy Cloud nutzt das SmartVideo-JavaScript-Snippet.

Das Einbetten eines Videos in Brizy Builder oder Brizy Cloud bleibt unverändert. Verwenden Sie das Embed -Element, um an beliebiger Stelle ein SmartVideo-Tag hinzuzufügen.

Vergessen Sie nur nicht, path/to/my/video.mp4 in Ihrem SmartVideo-Tag durch die tatsächliche URL zu Ihrem Video zu ersetzen, unabhängig davon, wo es gespeichert ist.

Irgendwelche Fragen? Lass uns wissen :)