Telegram Messenger ist eine der beliebtesten Plattformen für den Austausch von Nachrichten und Informationen. Es bietet viele Möglichkeiten, um die Benutzererfahrung zu verbessern, einschließlich des Erstellens und Hinzufügens von Schaltflächen zu Nachrichten. In diesem Artikel werden wir uns ansehen, wie Sie mit einem einfachen Code eine blaue Schaltfläche zu Telegrammen hinzufügen.
Der Vorteil des Hinzufügens einer Schaltfläche zu einer Nachricht besteht darin, dass der Benutzer verschiedene Aktionen mit einem einzigen Klick ausführen kann. Die Schaltfläche kann einen Link zu einer Website, einer Telefonnummer, einer E-Mail-Adresse und mehr enthalten. Diese Funktionalität ist besonders nützlich für Geschäftsanwender, die Schaltflächen verwenden können, um Dienstleistungen anzubieten, Waren zu bewerben und sogar Bestellungen abzuwickeln.
Um den Telegrammen eine blaue Schaltfläche hinzuzufügen, müssen Sie den HTML-Code verwenden. Alles, was Sie tun müssen, ist, dem Text Ihrer Nachricht den folgenden Code hinzuzufügen:
Wie man einen blauen Knopf in Telegrammen macht
1. Öffnen Sie die Telegram-Anwendung und suchen Sie nach dem Bot oder Kanal, dem Sie eine blaue Schaltfläche hinzufügen möchten.
2. Gehen Sie zu den Bot- oder Kanaleinstellungen, indem Sie oben rechts auf dem Bildschirm auf das Symbol mit den drei horizontalen Punkten tippen.
3. Suchen Sie im Einstellungsbereich nach "Bearbeiten".
4. Klicken Sie im geöffneten Editor auf die Schaltfläche "Schaltfläche hinzufügen".
5. Geben Sie den Text ein, der auf der Schaltfläche angezeigt werden soll, in das Feld Schaltflächentext.
6. Wählen Sie die Farbe der Schaltfläche aus, indem Sie auf die Dropdown-Liste neben dem Feld "Schaltflächenfarbe" klicken. Wählen Sie in der Liste Blau aus.
7. Geben Sie die Aktion an, die beim Klicken auf die Schaltfläche stattfinden soll. Es kann einen Link zu einer Webseite, einen Befehl an einen Bot oder eine andere Aktion geben.
8. Klicken Sie auf "Speichern", um die Änderungen anzuwenden.
Jetzt haben Sie einen blauen Knopf im Telegramm, mit dem Sie verschiedene Aktionen ausführen können.
Farbauswahl für die Schaltfläche
Im Telegramm ist es möglich, eine Schaltfläche mit verschiedenen Farben hinzuzufügen. Dies ermöglicht ein reichhaltiges und ausdrucksstarkes Design, das die Aufmerksamkeit der Benutzer auf sich zieht.
Wenn Sie eine blaue Schaltfläche hinzufügen möchten, gibt es dafür eine spezielle CSS-Klasse, die auf die Schaltfläche angewendet werden muss.
In diesem Beispiel wird die Klasse verwendet btn btn-primary, das die Stile für die blaue Schaltfläche festlegt.
Darüber hinaus sind im Telegramm auch andere Schaltflächenfarben verfügbar, die Sie verwenden können:
- btn btn-primary - blaue Taste (Standard);
- btn btn-success - grüner Knopf;
- btn btn-warning - gelber Knopf;
- btn btn-danger - roter Knopf;
- btn btn-info - blauer Knopf.
Wählen Sie die passende Farbe und genießen Sie das Ergebnis!
Erstellen einer Schaltfläche im Bot
Die Schaltflächen im Telegram-Bot ermöglichen es Benutzern, bequem mit dem Bot zu interagieren, indem sie bestimmte Aktionen oder Antworten auswählen. Um eine Schaltfläche im Bot zu erstellen, werden spezielle Methoden und Textformatierungen verwendet.
Zuerst müssen Sie bestimmen, wo und in welchem Kontext sich Ihre Schaltfläche befindet. Sie kann sich sowohl in der normalen Botnachricht als auch in der Antwortoptionen-Tastatur befinden.
Um eine Schaltfläche in einer Botnachricht zu erstellen, müssen Sie HTML-Markup verwenden. Fügen Sie den folgenden Code in den Text Ihrer Nachricht ein:
Statt "https://example.com " geben Sie einen Link zu der gewünschten Seite oder Aktion an, und anstelle von "Schaltflächenname" wird der Text der Schaltfläche im Bot angezeigt. Vergessen Sie nicht, die Tags zu schließen und .
Wenn Sie eine Schaltfläche innerhalb der Antwortoptionen-Tastatur hinzufügen möchten, müssen Sie eine spezielle Methode zum Erstellen von Schaltflächen verwenden. Hier ist ein Beispiel für eine solche Methode:
markup = types.ReplyKeyboardMarkup(resize_keyboard=True)button = types.KeyboardButton("Название кнопки")markup.add(button)Der obige Code erstellt eine Tastatur mit einer Taste mit dem angegebenen Namen. Sie können beliebig viele Schaltflächen hinzufügen, indem Sie die Zeilen mit wiederholen button und markup.add(button) für jede Taste.
Denken Sie daran, dass Telegram seine Grenzen für die Anzahl der Schaltflächen in einer Nachricht und innerhalb der Antwortoptionen-Tastatur hat. Befolgen Sie beim Erstellen von Schaltflächen die Einschränkungen und Empfehlungen von Telegram, um sicherzustellen, dass der Bot einfach zu bedienen ist.
Hinzufügen von Link und Text zu einer Schaltfläche
Um dem Text- und Link-Telegramm eine blaue Schaltfläche hinzuzufügen, müssen Sie die HTML-Tags und CSS-Stile verwenden, die der Messenger selbst bereitstellt. Verwenden Sie dazu den folgenden Code:
- der Link - die Adresse, zu der die Schaltfläche führen wird. Es kann sowohl eine externe URL als auch eine interne Adresse pro Kanal, Chat usw. geben.;
- Text auf der Schaltfläche - was auf der Schaltfläche angezeigt wird. Kann beliebigen Text enthalten, einschließlich Emojis, Hashtags und anderer Elemente.
Wichtig! Damit die Schaltfläche blau wird, muss sie in einen Block mit der Klasse "tgme_widget_message_text" gewickelt werden. Wenn Sie eine weitere Schaltfläche hinzufügen müssen, wiederholen Sie den angegebenen HTML-Code:
Am Ende sollte Ihre Schaltfläche ungefähr so aussehen:
Jetzt haben Sie einen blauen Knopf in den Telegrammen mit Text und Link.
Platzieren einer Schaltfläche auf einer Website
Um eine blaue Schaltfläche zu Telegrammen zu Ihrer Website hinzuzufügen, benötigen Sie den folgenden HTML-Code:
Ersetzen Sie in diesem Beispiel "username" durch einen Link zu Ihrem Telegrammkonto, damit Benutzer Ihren Kanal oder Chat abonnieren können. Sie können die Stile der Schaltfläche auch anpassen, indem Sie die Werte der Attribute "background-color", "color", "padding" und "border-radius" innerhalb des Attributs "style" ändern.
Platzieren Sie diesen Code auf der gewünschten Seite Ihrer Website, z. B. innerhalb eines Tags oder
. Danach können Benutzer auf die Schaltfläche klicken und zu Ihrer Seite im Telegramm gehen.
Ändern des Aussehens einer Schaltfläche
Telegram bietet die Möglichkeit, das Aussehen der Schaltfläche so zu ändern, dass sie Ihrem Design oder Ihrem persönlichen Stil entspricht.
Um dem Telegramm eine blaue Schaltfläche hinzuzufügen, können Sie den folgenden Code verwenden:
Dann müssen Sie eine CSS-Klasse hinzufügen, um den Stil der Schaltfläche zu definieren:
.blue-button
Im obigen Code haben wir darauf hingewiesen, dass die Schaltfläche einen blauen Hintergrund, weißen Text und ein wenig Einzug auf jeder Seite haben sollte. Wir haben auch die abgerundeten Ecken festgelegt und die Ränder der Schaltfläche entfernt.
Sie können die CSS-Klasse und die Eigenschaften der Schaltfläche so ändern, dass sie Ihren Bedürfnissen und Vorlieben besser entspricht. Zum Beispiel können Sie die Hintergrund- und Textfarbe, die Schaltflächengrößen, die Schriftart usw. ändern.
Platzieren Sie diesen Code auf der Seite oder im Telegram-Chat-Bot, um eine blaue Schaltfläche mit den gewünschten Stilen zu erstellen.
Überprüfen der Funktion der Taste
Nachdem Sie dem Telegramm eine blaue Schaltfläche hinzugefügt haben, müssen Sie überprüfen, ob sie funktioniert. Dazu können Sie mehrere Schritte ausführen:
1. Senden einer Nachricht mit einer Schaltfläche
Senden Sie eine Nachricht an sich selbst oder einen anderen Benutzer mit der hinzugefügten blauen Schaltfläche. Stellen Sie sicher, dass die Schaltfläche im Chat angezeigt wird.
2. Aktionen, wenn Sie auf die Schaltfläche klicken
Klicken Sie auf die hinzugefügte Schaltfläche und überprüfen Sie, welche Aktionen nach dem Klicken stattfinden. Vielleicht öffnet die Schaltfläche einen Link, führt eine Aktion aus oder sendet einfach einen voreingestellten Text.
3. Überprüfen des Aussehens einer Schaltfläche
Stellen Sie sicher, dass die blaue Schaltfläche nach Ihren Erwartungen angezeigt wird. Überprüfen Sie die Farbe, Größe, Form und den Text auf der Schaltfläche.
Wenn die Schaltfläche nicht angezeigt wird oder nicht funktioniert, überprüfen Sie den Code zum Hinzufügen der Schaltfläche und stellen Sie sicher, dass alle Daten korrekt eingegeben wurden. Wenn das Problem weiterhin besteht, finden Sie in der Dokumentation oder der Telegrammgemeinschaft weitere Unterstützung.
