Popup overlay gesucht | WordPress.org Deutsch

naturenergie
(@naturenergie)

vor 1 Jahr, 4 Monaten

Guten Tag zusammen,

wir sind aktuell im Aufbau unserer neuen Internetpräsenz und möchten hier gern eine Funktion mit einbauen, welche auf jeder Seite sichtbar ist.
Mir fällt das richtige Wort dafür nicht ein, deswegen habe ich es Popup overlay betitelt.

Per klick auf einen Button (welcher unten rechts in der Ecke sitzt und mitscrollt) gelangt man zu einer neuen Seite oder es öffnet sich direkt das Kontaktformular, als popup oder ähnlich.

Es tut mir leid, dass ich es nicht besser beschreiben kann. Hier noch ein paar Bilder von unsere aktuellen Website, wo diese Funktion vorhanden ist. Ich hatte schon alle Plugins einmal deaktiviert um herauszufinden, welches für die gesuchte Funktion zuständig ist, jedoch scheint diese Themeseitig zu kommen.

Hier Screenshots von unserer aktuellen Website (ebenfalls mit WP erstellt, aber nicht von mir):

View post on imgur.com

Nach dem Klick auf „Planen Sie Ihre Anlage!“ gelangt man auf eine neue Seite. Klickt man auf den Telefonhörer, öffnet sich ein Kontaktformular:+

View post on imgur.com

Vielen Dank im Voraus für Eure Unterstützung!

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)

Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 4 Monaten

Schau dir dazu mal das Plugin Popup Maker an. Ob’s passt, kannst du nur selbst entscheiden (siehe Hinweise zur Pluginsuche).

Thread-Starter naturenergie
(@naturenergie)

vor 1 Jahr, 2 Monaten

Hallo Bego Mario Garde,

vielen Dank für das genannte Plugin.
Dieses Erfüllt jedoch nicht meine Erwartungen.

Deshalb versuche ich es noch einmal anders zu erkläre und hoffe, dass sich doch das richtige Plugin finden lässt…

Unsere aktuelle Website ist diese hier:
https://www.naturenergiedach.de/

Hier ist unten auf der Startseite (auch auf allen Unterseiten) „Planen Sie Ihre Anlage!“ und ein Button mit einem Telefon zu sehen.

Diese Möglichkeit würde ich gern auch auf unserer neuen Website haben.

Unsere aktuelle Website wurde auch mit WordPress erstellt, jedoch handelt es sich nicht um ein Plugin, welches für die Anzeige sorgt. Es muss also im Code des Themes verankert sein.
Gibt es dafür ein Plugin?

bscu
(@bscu)

vor 1 Jahr, 2 Monaten

Unsere aktuelle Website wurde auch mit WordPress erstellt, jedoch handelt es sich nicht um ein Plugin, welches für die Anzeige sorgt. Es muss also im Code des Themes verankert sein.

Ich würde einfach danach suchen, muss ja irgendwie zu finden sein.

Thread-Starter naturenergie
(@naturenergie)

vor 1 Jahr, 2 Monaten

Wie kann ich danach suchen?

Bitte entschuldige, ich bin kann Codes nicht so gut lesen und die Dateien im Theme-Editor sind für mich böhmische Dörfer.

Ich kann darin sicherlich nach dem Text „ Planen Sie Ihre Anlage!“ suchen, jedoch wüsste ich dann nicht welchen Code ich kopieren und wo ich diesen anschließen in der neuen Website einsetzten müsste.

bscu
(@bscu)

vor 1 Jahr, 2 Monaten

Wenn du es nicht finden kannst, dann wird du nach einem Plugin suchen müssen. Hinweise zur Pluginsuche hat dir pixolin schon geschrieben.

Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr, 2 Monaten

Hallo,
das könnte evtl. (Recherche aufgrund des Source) das Plugin Calculator Builder sein oder evtl. auch Cost Calculator Builder.

Sicher bin ich mir allerdings nicht. Das müsstest du dann mal selbst testen.
Ansonsten solltest du das aber auch wie bereits beschrieben rausfinden können, wenn du in das Dashboard bei der alten Website unter Plugins schaust.

Viele Grüße
Hans-Gerd

Thread-Starter naturenergie
(@naturenergie)

vor 1 Jahr, 2 Monaten

Ich hatte bereits alle installierten Plugns deaktiviert. Die Anzeige war trotzdem noch zu sehen, sodass ich davon ausgehen, dass es sich hierbei um einen im Theme verankerten Code handelt.

Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 2 Monaten

Gut möglich. Theme-Entwickler, die ihr Theme verkaufen und nicht kostenlos im WordPress-Verzeichnis zur Verfügung stellen, sind freier in der Zusammensetzung ihres Themes und verkaufen solche Extras gerne als Bonus.

Ansonsten bitte die Hinweise zu Plugins beachten:

Eine pauschale Empfehlung ist bei dieser großen Auswahl nicht hilfreich und würde auch den individuellen Unterschieden nicht gerecht. Wir raten stattdessen dazu, die Suchfunktion im Theme-/Plugin-Verzeichnis zu nutzen und selber verschiedene Themes und Plugins auszuprobieren. Oft werden Themes und Plugins auch in Blogbeiträgen ausführlich vorgestellt. Du kannst am besten entscheiden, ob ein Theme oder Plugin zu dir und deinem Projekt passt.
Thread-Starter naturenergie
(@naturenergie)

vor 1 Jahr, 2 Monaten
Es handelt sich bei dem Code der „alten“ Seite ja um unser Eigentum. Aus diesem Grund könnte man diesen in die neue Seite einbringen.

Ich habe mir den Quelltext nun mal angeschaut und folgenden Code gefunden:
```
<div class="popup-contact-link " id="contact-popup-link" onclick="ShowPopup();">
    <div class="popup-wrap">
        <div class="popup-header">
            <span class="popup-title">
                <i class="material-icons popup-icons">perm_phone_msg</i> </span>
        </div>
    </div>
</div>

<div class="popup-calculator-link" id="popup-calc-link">
    <a href="https://www.naturenergiedach.de/kontakt/anlagenplanung/">
        <p class="popup-text">Planen Sie Ihre Anlage!</p>
        <i class="material-icons popup-icons">apps</i>
    </a>
</div>

<div class="popup-vertical hidden" onclick="ShowVertical();">
    <div class="vertical-wrap">
        <div class="popup-header">
            <h2 class="vertical-title"></h2> <i class="material-icons popup-icons" title="Schließen">close</i>
        </div>
        <div class="vertical-content">
            <img class="vertical-image" src="">
            <p class="vertical-text"></p>
        </div>
    </div>
</div>

<div class="popup-contact hidden" id="contact-popup">
    <div class="popup-wrap">
        <div class="popup-header" onclick="ShowPopup();">
            <p class="contact-text">Kostenloses Angebot anfordern <i class="material-icons popup-icons"
                                                                   title="Schließen">close</i>
            </p>
        </div>
        <div class="popup-content">
            <form method="post" novalidate="novalidate">
                <p>
                    Ihr Name(Pflichtfeld)
                    <br/>
                    <input type="text" name="fullname" value size="40" class="form-control">
                </p>
                <p>
                    Ihre E-Mail Adresse(Pflichtfeld)
                    <br/>
                    <input type="email" name="email" value size="40" class="form-control">
                </p>
                <p>
                    Telefon
                    <br/>
                    <input type="text" name="telefon" value size="40" class="form-control">
                </p>
                <input type="hidden" name="mail_sent" value="1"/>
                <input type="submit" value="Senden" class="btn btn-primary">
            </form>
        </div>
    </div>
</div>
```
Die Frage ist nun, wie ich diesen Code in meine neue Seite bekommen kann.
Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr, 2 Monaten
Hallo,
bezogen auf die Seite „Anlagenplanung“: Wenn man rechts unten auf den Text (Popup) „Planen Sie Ihre Anlage!“ klickt, wird wohl offenbar eine andere Seite als iFrame eingebunden.
Das sollte über ein entsprechendes Popup-Plugin realisiert werden können.

Das gleiche gilt im Prinzip auch für das Popup „Kostenloses Angebot anfordern“. Da müsste lediglich entweder in einem eigenen Fenster oder auf einer neuen Seite ein Formular eingebunden werden. Es gibt jede Menge Formular-Plugins. Ich verwende in der Regel Contact Form 7, mit dem man solch ein Formular recht schnell erstellen kann. Insofern wird der genannte Code gar nicht benötigt.

Viele Grüße
Hans-Gerd
- Diese Antwort wurde geändert vor 1 Jahr, 2 Monaten von Hans-Gerd Gerhards. Grund: Tippfehler
Thread-Starter naturenergie
(@naturenergie)

vor 1 Jahr, 1 Monat
Hallo Hans-Gerd Gerhards,

zunächst vielen Dank für Ihr Feedback und bitte entschuldigen Sie meine späte Rückmeldung.

Mir geht es speziell darum, wie ich diese Buttons (Planen Sie Ihre Anlage und den Telefonhörer) auf meine Seite bekomme. Haben Sie dafür eine Idee?

Vielen lieben Dank im Voraus
- Diese Antwort wurde geändert vor 1 Jahr, 1 Monat von naturenergie.
Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr, 1 Monat

Hallo,
vielleicht ist das Plugin Floating Awesome Button (Sticky Button & Popup) – CTA, Back to Top, Shortcodes, Widget, & More für diesen Zweck geeignet.
Ich kenne das Plugin nicht und habe es auch nicht getestet.

Plugin-Empfehlungen sind grundsätzlich schwierig, weil bei der Auswahl zu viele subjektive Kriterien eine Rolle spielen. Oft werden auch nachträglich zusätzliche Wünsche geäußert, die das gerade vorgeschlagene Plugin nicht erfüllt. Deshalb ist es besser, wenn du verschiedene Plugins testest und selber entscheidest, was am besten zu deinen Vorstellungen passt. Zum Thema Plugins, lies bitte auch noch mal hier.

Wir freuen uns über eine Rückmeldung.
Übrigens verwenden wir hier, wie in Open-Source-Communities üblich, das respektvoll gemeinte „du“.

Viele Grüße
Hans-Gerd

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)

Das Thema „Popup overlay gesucht“ ist für neue Antworten geschlossen.

Ansichten