טיפ: איך מעצבים כפתור "שלח", בטופס?

רוצים להפוך את הכפתור המכוער שמספר לנו התוסף contact form 7 לכפתור שליחה יפה?

הנה השלבים:

שלב ראשון: הכינו לכם כפתור יפה הכולל רקע וכיתוב.

שלב שני: העלו אותו לתיקיית המדיה של האתר.

שלב שלישי: הכנסו להגדרות של הטופס תחת התוסף, עיטפו את איזור הקוד html (איפה שיושבים תיבות הטקסט של הטופס והכפתור בקוד הבא:

otef

השלב הרביעי: הכנס לקובץ ה-css והוסף את הקוד הבא:

css

הכפתור לפני השינוי:

הוספת כפתור מעוצב בוורדפרס

הכפתור אחרי השינוי:

עיצוב כפתור בוורדפרס


רוצה להגיב על הפוסט?

דרור מגל

אודות דרור מגל

דרור מגל מייסד איי ווב ומומחה לשיווק באינטרנט, יזם אינטרנט סדרתי, הקים עד היום מעל 100 אתרי אינטרנט עבורו ועבור לקוחות עסקיים, פיתח בעצמו מערכות תומכות רבות כגון מערכות ניהול תוכן, מערכות ניהול לקוחות ועוד ועוסק בתחום השיווק באינטרנט על כל גווניו מעל 10 שנים. קרא עוד