BUTTON MENU GENERATOR - with embedd code - free online tool
Link Button Generator
English Instructions:
- Enter Icon: Input your desired icon, whether it's an emoji, symbol, or something else, into the "Icon" field.
- Enter Link: Type the URL of the link you want to associate with the button into the "Link" field.
- Enter Link Description: Provide a brief description or label for the link in the "Link Description" field.
- Add Button: Click on the "Add Button" button to display the created button in the preview below the form.
- Repeat the Process: If you want to add more buttons, repeat steps 1-4 to create additional buttons.
- Adjust Colors: Choose your preferred colors for the button and text using the color pickers.
- Generate the Code: Click on the "Generate Code" button to reveal the generated Embedd Code for all the created buttons.
- Copy the Code: Highlight the displayed code in the "Generated Embedd Code" textarea and copy it to your clipboard.
- Paste the Code: Paste the copied code at the desired location in your HTML document.
Deutsche Anleitung:
- Icon eingeben: Geben Sie Ihr gewünschtes Icon, sei es ein Emoji, ein Symbol oder etwas anderes, in das "Icon"-Feld ein.
- Link eingeben: Tragen Sie die URL des Links, den Sie mit dem Button verknüpfen möchten, in das "Link"-Feld ein.
- Link-Beschreibung eingeben: Geben Sie eine kurze Beschreibung oder Bezeichnung für den Link in das "Link-Beschreibung"-Feld ein.
- Button hinzufügen: Klicken Sie auf den "Add Button"-Button, um den erstellten Button in der Vorschau unter dem Formular anzuzeigen.
- Wiederholen Sie den Vorgang: Falls Sie weitere Buttons hinzufügen möchten, wiederholen Sie die Schritte 1-4, um weitere Buttons zu erstellen.
- Farbanpassungen vornehmen: Wählen Sie die gewünschten Farben für den Button und den Text, indem Sie die entsprechenden Farbwähler verwenden.
- Generieren Sie den Code: Klicken Sie auf den "Generate Code"-Button, um den generierten Embedd Code für alle erstellten Buttons anzuzeigen.
- Kopieren Sie den Code: Markieren Sie den angezeigten Code im "Generated Embedd Code"-Textbereich und kopieren Sie ihn in die Zwischenablage.
- Fügen Sie den Code ein: Fügen Sie den kopierten Code an der gewünschten Stelle in Ihrem HTML-Dokument ein.