Seite 1 von 1

Einbetten von SnapWidget

Verfasst: Fr 9. Jul 2021, 10:33
von inno
Hallo, ich habe gerade versucht das SnapWidget für Instagram einzubinden.
Mach ich das über eine HTML-Block? Hier werden mir leider alle Bilder angeschnitten, wenn ich den Code einbette.
Hast du evtl. eine Anleitung für mich?

Re: Einbetten von SnapWidget

Verfasst: Fr 9. Jul 2021, 10:44
von Tommy Herrmann
Moin,

na da fügst Du einfach den von "SnapWidget" generierten Code in irgendeinen Block ein:

https://www.mobirise-tutorials.com/Port ... agram.html

Das ist die JavaScript-Verlinkung und das Iframe.

widget.jpg

Re: Einbetten von SnapWidget

Verfasst: Fr 9. Jul 2021, 10:53
von Tommy Herrmann
... ich habe das ein wenig anders gemacht.

Ich habe einen einfachen Textblock aus der Gruppe "Article" verwendet und dort nur den Iframe-Code eingefügt (siehe Screenshot):

Code: Alles auswählen

<iframe src="https://snapwidget.com/embed/906672" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden;  width:100%; "></iframe>
SnapWidget im Code-Editor.JPG

... den JavaScript-Link habe ich in den Seiteneinstellungen (Zahnrad an Seite) in den Bereich:

"End of <body> code:"

kopiert:

Code: Alles auswählen

<!-- SnapWidget -->
<script src="https://snapwidget.com/js/snapwidget.js"></script>
Widget-JavaScript.JPG

Re: Einbetten von SnapWidget

Verfasst: Fr 9. Jul 2021, 11:02
von inno
... leider schneidet er bei mir die Bilder ab.
Ich habe beim Erstellen des Codes auf responsive gestellt, ist das richtig?

Re: Einbetten von SnapWidget

Verfasst: Fr 9. Jul 2021, 12:02
von Tommy Herrmann
Ja - das ist so richtig.

Eigentlich wüsste ich gar nicht, was man da überhaupt falsch machen könnte. So sieht das bei mir bei "SnapWidget" aus:

Edit Widget.JPG

Wo genau werden denn Bilder abgeschnitten??? Das Iframe sollte doch auf 100% Breite (Breite = width) stehen.

style="border:none; overflow:hidden; width:100%;"

Was hast Du denn für einen Mobirise-Block aus welchem Mobirise-Thema verwendet? Zeige auch mal einen Screenshot von Deinem Einbau.

Re: Einbetten von SnapWidget

Verfasst: Fr 9. Jul 2021, 13:53
von inno
... das war nur in der Mobirise-Ansicht der Fall! Beim erstellen der Seite passt es! Crazy!!!!
Danke!

Re: Einbetten von SnapWidget

Verfasst: Fr 9. Jul 2021, 15:30
von Tommy Herrmann
ja - in der Arbeitsansicht von Mobirise wird ja dieses JavaScript "snapwidget.js" noch nicht geladen und man sieht nur eine Reihe der Miniaturbilder.