BUTTON MENU GENERATOR - with embedd code - free online tool

Link Button Generator

English Instructions:

  1. Enter Icon: Input your desired icon, whether it's an emoji, symbol, or something else, into the "Icon" field.
  2. Enter Link: Type the URL of the link you want to associate with the button into the "Link" field.
  3. Enter Link Description: Provide a brief description or label for the link in the "Link Description" field.
  4. Add Button: Click on the "Add Button" button to display the created button in the preview below the form.
  5. Repeat the Process: If you want to add more buttons, repeat steps 1-4 to create additional buttons.
  6. Adjust Colors: Choose your preferred colors for the button and text using the color pickers.
  7. Generate the Code: Click on the "Generate Code" button to reveal the generated Embedd Code for all the created buttons.
  8. Copy the Code: Highlight the displayed code in the "Generated Embedd Code" textarea and copy it to your clipboard.
  9. Paste the Code: Paste the copied code at the desired location in your HTML document.

Deutsche Anleitung:

  1. Icon eingeben: Geben Sie Ihr gewünschtes Icon, sei es ein Emoji, ein Symbol oder etwas anderes, in das "Icon"-Feld ein.
  2. Link eingeben: Tragen Sie die URL des Links, den Sie mit dem Button verknüpfen möchten, in das "Link"-Feld ein.
  3. Link-Beschreibung eingeben: Geben Sie eine kurze Beschreibung oder Bezeichnung für den Link in das "Link-Beschreibung"-Feld ein.
  4. Button hinzufügen: Klicken Sie auf den "Add Button"-Button, um den erstellten Button in der Vorschau unter dem Formular anzuzeigen.
  5. Wiederholen Sie den Vorgang: Falls Sie weitere Buttons hinzufügen möchten, wiederholen Sie die Schritte 1-4, um weitere Buttons zu erstellen.
  6. Farbanpassungen vornehmen: Wählen Sie die gewünschten Farben für den Button und den Text, indem Sie die entsprechenden Farbwähler verwenden.
  7. Generieren Sie den Code: Klicken Sie auf den "Generate Code"-Button, um den generierten Embedd Code für alle erstellten Buttons anzuzeigen.
  8. Kopieren Sie den Code: Markieren Sie den angezeigten Code im "Generated Embedd Code"-Textbereich und kopieren Sie ihn in die Zwischenablage.
  9. Fügen Sie den Code ein: Fügen Sie den kopierten Code an der gewünschten Stelle in Ihrem HTML-Dokument ein.

Kommentare