ਫਾਰਮ ਸਟਾਈਲਿੰਗ
ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ ਤੁਹਾਨੂੰ ਫਾਰਮ ਸਟਾਈਲਿੰਗ 'ਤੇ ਪੂਰਾ ਨਿਯੰਤਰਣ ਦਿੰਦਾ ਹੈ। ਆਪਣੇ ਬ੍ਰਾਂਡ ਦੇ ਰੰਗਾਂ ਨਾਲ ਮੇਲ ਕਰੋ, ਆਪਣੇ ਫੌਂਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਸਪੇਸਿੰਗ ਐਡਜਸਟ ਕਰੋ, ਅਤੇ ਡਿਜ਼ਾਈਨ ਫਾਰਮ ਜੋ ਤੁਹਾਡੀ ਸਾਈਟ ਦੇ ਕੁਦਰਤੀ ਹਿੱਸੇ ਵਾਂਗ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ।
ਫਾਰਮ ਸਟਾਈਲਿੰਗ ਕਿਉਂ ਮਾਇਨੇ ਰੱਖਦੀ ਹੈ
ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਦਾ ਇੱਕ ਬ੍ਰਾਂਡ ਹੈ। ਤੁਹਾਡੇ ਫਾਰਮ ਇਸਨੂੰ ਦਰਸਾਉਂਦੇ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ।
ਜਦੋਂ ਫਾਰਮ ਤੁਹਾਡੀ ਬਾਕੀ ਸਾਈਟ ਤੋਂ ਵੱਖਰੇ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ, ਤਾਂ ਵਿਜ਼ਟਰ ਝਿਜਕਦੇ ਹਨ। ਉਹ ਹੈਰਾਨ ਹੁੰਦੇ ਹਨ ਕਿ ਕੀ ਉਹ ਅਜੇ ਵੀ ਉਸੇ ਵੈੱਬਸਾਈਟ 'ਤੇ ਹਨ। ਇਸ ਝਿਜਕ ਕਾਰਨ ਪਰਿਵਰਤਨ ਦਾ ਖਰਚਾ ਆਉਂਦਾ ਹੈ।
ਸਟਾਈਲ ਕੀਤੇ ਫਾਰਮ ਪੇਸ਼ੇਵਰਤਾ ਦਾ ਸੰਚਾਰ ਵੀ ਕਰਦੇ ਹਨ। ਇੱਕ ਪਾਲਿਸ਼ ਕੀਤਾ ਫਾਰਮ ਸੈਲਾਨੀਆਂ ਨੂੰ ਦੱਸਦਾ ਹੈ ਕਿ ਤੁਹਾਨੂੰ ਵੇਰਵਿਆਂ ਦੀ ਪਰਵਾਹ ਹੈ - ਅਤੇ ਜੇਕਰ ਤੁਸੀਂ ਫਾਰਮ ਡਿਜ਼ਾਈਨ ਦੀ ਪਰਵਾਹ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਸ਼ਾਇਦ ਉਨ੍ਹਾਂ ਦੇ ਡੇਟਾ ਦੀ ਵੀ ਪਰਵਾਹ ਕਰਦੇ ਹੋ।
ਫਾਰਮ ਸਟਾਈਲਿੰਗ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀ ਹੈ
ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ ਵਿੱਚ ਫਾਰਮ ਬਿਲਡਰ ਇੰਟਰਫੇਸ ਵਿੱਚ ਬਣਿਆ ਇੱਕ ਵਿਜ਼ੂਅਲ ਸਟਾਈਲ ਐਡੀਟਰ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ।
- ਸਟਾਈਲ ਕੀ ਕਰਨਾ ਹੈ ਚੁਣੋ. ਫਾਰਮ ਕੰਟੇਨਰ, ਫੀਲਡ ਲੇਬਲ, ਇਨਪੁਟ ਫੀਲਡ, ਬਟਨ, ਜਾਂ ਗਲਤੀ ਸੁਨੇਹਿਆਂ ਵਿੱਚੋਂ ਚੁਣੋ।
- ਸੈਟਿੰਗਸ ਵਿਵਸਥਿਤ ਕਰੋ. ਮੁੱਲ ਬਦਲਣ ਲਈ ਰੰਗ ਚੋਣਕਾਰ, ਸਲਾਈਡਰ ਅਤੇ ਡ੍ਰੌਪਡਾਉਨ ਦੀ ਵਰਤੋਂ ਕਰੋ। ਸਿੱਖਣ ਜਾਂ ਯਾਦ ਰੱਖਣ ਲਈ ਕੋਈ CSS ਸੰਟੈਕਸ ਨਹੀਂ ਹੈ।
- ਤੁਰੰਤ ਪੂਰਵਦਰਸ਼ਨ ਕਰੋ. ਹਰ ਬਦਲਾਅ ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਵਿੱਚ ਤੁਰੰਤ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ। ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਦੇਖੋ ਕਿ ਤੁਹਾਡਾ ਫਾਰਮ ਕਿਵੇਂ ਦਿਖਾਈ ਦੇਵੇਗਾ।
- ਡਿਫੌਲਟ ਵਜੋਂ ਸੇਵ ਕਰੋ. ਆਪਣੇ ਸਟਾਈਲਿੰਗ ਨੂੰ ਨਵੇਂ ਫਾਰਮਾਂ 'ਤੇ ਆਪਣੇ ਆਪ ਲਾਗੂ ਕਰੋ। ਇੱਕ ਵਾਰ ਬਣਾਓ, ਹਰ ਜਗ੍ਹਾ ਦੁਬਾਰਾ ਵਰਤੋਂ।
ਤੁਸੀਂ ਕੀ ਅਨੁਕੂਲਿਤ ਕਰ ਸਕਦੇ ਹੋ
ਰੰਗ
ਆਪਣੇ ਫਾਰਮ ਦੇ ਹਰ ਰੰਗ ਨੂੰ ਕੰਟਰੋਲ ਕਰੋ। ਫਾਰਮ ਕੰਟੇਨਰ ਅਤੇ ਵਿਅਕਤੀਗਤ ਖੇਤਰਾਂ ਲਈ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ। ਲੇਬਲ, ਪਲੇਸਹੋਲਡਰਾਂ ਅਤੇ ਇਨਪੁਟ ਟੈਕਸਟ ਲਈ ਟੈਕਸਟ ਰੰਗ। ਡਿਫੌਲਟ, ਫੋਕਸ ਅਤੇ ਗਲਤੀ ਸਥਿਤੀਆਂ ਲਈ ਬਾਰਡਰ ਰੰਗ। ਬੈਕਗ੍ਰਾਊਂਡ, ਟੈਕਸਟ ਅਤੇ ਹੋਵਰ ਪ੍ਰਭਾਵਾਂ ਲਈ ਬਟਨ ਰੰਗ।
ਟਾਈਪੋਗ੍ਰਾਫ਼ੀ
ਲੇਬਲਾਂ ਅਤੇ ਇਨਪੁਟ ਖੇਤਰਾਂ ਲਈ ਫੌਂਟ ਚੁਣੋ। ਫੌਂਟ ਆਕਾਰਾਂ ਨੂੰ ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਵਿਵਸਥਿਤ ਕਰੋ—ਜ਼ੋਰ ਦੇਣ ਲਈ ਵੱਡੇ ਲੇਬਲ, ਸੈਕੰਡਰੀ ਜਾਣਕਾਰੀ ਲਈ ਛੋਟਾ ਸਹਾਇਕ ਟੈਕਸਟ। ਬੋਲਡ ਲੇਬਲਾਂ ਜਾਂ ਹਲਕੇ ਇਨਪੁਟ ਟੈਕਸਟ ਲਈ ਫੌਂਟ ਭਾਰ ਨੂੰ ਕੰਟਰੋਲ ਕਰੋ।
ਸਪੇਸਿੰਗ ਅਤੇ ਲੇਆਉਟ
ਸਾਹ ਲੈਣ ਲਈ ਜਗ੍ਹਾ ਬਣਾਉਣ ਲਈ ਖੇਤਰਾਂ ਵਿਚਕਾਰ ਵਿੱਥ ਸੈੱਟ ਕਰੋ। ਆਰਾਮਦਾਇਕ ਟੈਕਸਟ ਐਂਟਰੀ ਲਈ ਖੇਤਰਾਂ ਦੇ ਅੰਦਰ ਪੈਡਿੰਗ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰੋ। ਪੂਰੇ ਫਾਰਮ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਹਾਸ਼ੀਏ ਨੂੰ ਕੰਟਰੋਲ ਕਰੋ ਤਾਂ ਜੋ ਇਸਨੂੰ ਆਪਣੇ ਪੰਨੇ ਦੇ ਲੇਆਉਟ ਦੇ ਅੰਦਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਰੱਖਿਆ ਜਾ ਸਕੇ।
ਬਾਰਡਰ ਅਤੇ ਕੋਨੇ
ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ, ਸ਼ੈਲੀ ਅਤੇ ਰੰਗ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਇੱਕ ਆਧੁਨਿਕ ਦਿੱਖ ਲਈ ਗੋਲ ਕੋਨੇ ਜਾਂ ਘੱਟੋ-ਘੱਟ ਡਿਜ਼ਾਈਨ ਲਈ ਉਹਨਾਂ ਨੂੰ ਤਿੱਖਾ ਰੱਖੋ। ਵੱਖ-ਵੱਖ ਫਾਰਮ ਸਟੇਟਾਂ 'ਤੇ ਵੱਖ-ਵੱਖ ਬਾਰਡਰ ਸਟਾਈਲ ਲਾਗੂ ਕਰੋ—ਡਿਫਾਲਟ ਤੌਰ 'ਤੇ ਸੂਖਮ ਬਾਰਡਰ, ਫੋਕਸ 'ਤੇ ਪ੍ਰਮੁੱਖ ਬਾਰਡਰ।
ਬਟਨ
ਤੁਹਾਡੇ ਬ੍ਰਾਂਡ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਸਬਮਿਟ ਬਟਨ ਡਿਜ਼ਾਈਨ ਕਰੋ। ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ, ਟੈਕਸਟ ਰੰਗ, ਬਾਰਡਰ ਰੇਡੀਅਸ, ਪੈਡਿੰਗ, ਫੌਂਟ ਆਕਾਰ, ਅਤੇ ਫੌਂਟ ਭਾਰ। ਹੋਵਰ ਅਤੇ ਐਕਟਿਵ ਸਟੇਟਸ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ ਤਾਂ ਜੋ ਬਟਨ ਜਵਾਬਦੇਹ ਅਤੇ ਕਲਿੱਕ ਕਰਨ ਯੋਗ ਮਹਿਸੂਸ ਹੋਣ।
ਫਾਰਮ ਕੰਟੇਨਰ
ਸਮੁੱਚੇ ਫਾਰਮ ਰੈਪਰ ਨੂੰ ਸਟਾਈਲ ਕਰੋ। ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਸ਼ਾਮਲ ਕਰੋ ਜਾਂ ਇਸਨੂੰ ਪਾਰਦਰਸ਼ੀ ਰੱਖੋ। ਡੂੰਘਾਈ ਲਈ ਬਾਕਸ ਸ਼ੈਡੋ ਲਾਗੂ ਕਰੋ। ਗੋਲ ਫਾਰਮ ਕੰਟੇਨਰਾਂ ਲਈ ਬਾਰਡਰ ਰੇਡੀਅਸ ਸੈੱਟ ਕਰੋ। ਫਾਰਮਾਂ ਨੂੰ ਬਹੁਤ ਜ਼ਿਆਦਾ ਚੌੜਾ ਨਾ ਖਿੱਚਣ ਲਈ ਵੱਧ ਤੋਂ ਵੱਧ ਚੌੜਾਈ ਨੂੰ ਕੰਟਰੋਲ ਕਰੋ।
ਆਮ ਫਾਰਮ ਸਟਾਈਲਿੰਗ ਦ੍ਰਿਸ਼
ਬ੍ਰਾਂਡ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ ਨਾਲ ਮੇਲ ਕਰੋ
ਤੁਹਾਡੀ ਕੰਪਨੀ ਦੇ ਖਾਸ ਰੰਗ ਹਨ—ਪ੍ਰਾਇਮਰੀ ਲਈ #0F2D5F, ਐਕਸੈਂਟ ਲਈ #F59E0B। ਸਟਾਈਲ ਐਡੀਟਰ ਵਿੱਚ ਉਹ ਮੁੱਲ ਦਰਜ ਕਰੋ। ਫਾਰਮ ਬਟਨ ਤੁਹਾਡੇ ਐਕਸੈਂਟ ਰੰਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। ਫਾਰਮ ਲੇਬਲ ਤੁਹਾਡੇ ਪ੍ਰਾਇਮਰੀ ਰੰਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। ਸੰਪੂਰਨ ਬ੍ਰਾਂਡ ਇਕਸਾਰਤਾ।
ਉੱਚ-ਵਿਪਰੀਤ ਫਾਰਮ ਬਣਾਓ
ਗੂੜ੍ਹੇ ਪਿਛੋਕੜ ਵਾਲੀ ਵੈੱਬਸਾਈਟ? ਹਲਕੇ ਫਾਰਮ ਬਣਾਓ ਜੋ ਵੱਖਰੇ ਦਿਖਾਈ ਦੇਣ। ਹਲਕਾ ਪਿਛੋਕੜ? ਦ੍ਰਿਸ਼ਟੀਗਤ ਤੌਰ 'ਤੇ ਮੁਕਾਬਲਾ ਕੀਤੇ ਬਿਨਾਂ ਫਾਰਮ ਖੇਤਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਸੂਖਮ ਪਰਛਾਵਿਆਂ ਵਾਲੇ ਬਾਰਡਰਡ ਫਾਰਮਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਘੱਟੋ-ਘੱਟ ਫਾਰਮ ਡਿਜ਼ਾਈਨ ਕਰੋ
ਬਾਰਡਰ ਹਟਾਓ, ਸਪੇਸਿੰਗ ਘਟਾਓ, ਪਾਰਦਰਸ਼ੀ ਬੈਕਗ੍ਰਾਊਂਡ ਦੀ ਵਰਤੋਂ ਕਰੋ। ਅਜਿਹੇ ਫਾਰਮ ਬਣਾਓ ਜੋ ਇੱਕ ਡੱਬੇ ਵਿੱਚ ਬੈਠਣ ਦੀ ਬਜਾਏ ਪੰਨੇ ਵਿੱਚ ਏਕੀਕ੍ਰਿਤ ਮਹਿਸੂਸ ਹੋਣ।
ਬੋਲਡ ਕਾਲ-ਟੂ-ਐਕਸ਼ਨ ਫਾਰਮ ਬਣਾਓ
ਵੱਡੇ ਬਟਨ, ਮਜ਼ਬੂਤ ਰੰਗ, ਖੁੱਲ੍ਹੇ ਦਿਲ ਨਾਲ ਪੈਡਿੰਗ। ਅਜਿਹੇ ਫਾਰਮ ਬਣਾਓ ਜੋ ਤੁਹਾਡੇ ਸਭ ਤੋਂ ਮਹੱਤਵਪੂਰਨ ਲੀਡ ਜਨਰੇਸ਼ਨ ਪੰਨਿਆਂ ਲਈ ਧਿਆਨ ਦੀ ਮੰਗ ਕਰਦੇ ਹਨ।
ਕਿਸੇ ਵੀ ਥੀਮ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਫਾਰਮ
ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ ਹਰੇਕ ਵਰਡਪ੍ਰੈਸ ਥੀਮ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ। ਤੁਹਾਡੇ ਸਟਾਈਲ ਕੀਤੇ ਫਾਰਮ ਕਿਸੇ ਵੀ ਡਿਜ਼ਾਈਨ ਸੰਦਰਭ ਦੇ ਅਨੁਕੂਲ ਹੁੰਦੇ ਹਨ।
ਕੀ ਤੁਸੀਂ Woodmart, Astra, GeneratePress, Divi, ਜਾਂ ਕਿਸੇ ਹੋਰ ਥੀਮ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ? ਤੁਹਾਡੇ ਫਾਰਮ ਮੂਲ ਦਿਖਾਈ ਦੇਣਗੇ। ਸਟਾਈਲ ਐਡੀਟਰ ਤੁਹਾਨੂੰ ਕਿਸੇ ਵੀ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਨਾਲ ਮੇਲ ਕਰਨ ਲਈ ਕਾਫ਼ੀ ਨਿਯੰਤਰਣ ਦਿੰਦਾ ਹੈ।
ਕੋਈ ਥੀਮ ਟਕਰਾਅ ਨਹੀਂ। ਕੋਈ ਸ਼ੈਲੀ ਵਿਰਾਸਤ ਸੰਬੰਧੀ ਸਮੱਸਿਆ ਨਹੀਂ। ਸਿਰਫ਼ ਉਹ ਫਾਰਮ ਜੋ ਬਿਲਕੁਲ ਉਸੇ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ ਜਿਵੇਂ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ।
ਕੋਈ CSS ਲੋੜੀਂਦਾ ਨਹੀਂ
ਤੁਹਾਨੂੰ ਆਪਣੇ ਫਾਰਮਾਂ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ ਕਸਟਮ CSS ਲਿਖਣ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ। ਵਿਜ਼ੂਅਲ ਐਡੀਟਰ ਸਭ ਕੁਝ ਸੰਭਾਲਦਾ ਹੈ।
ਪਰ ਜੇਕਰ ਤੁਸੀਂ CSS ਕੰਟਰੋਲ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਆਟੋ ਫਾਰਮ ਬਿਲਡਰ ਪ੍ਰਤੀ ਫਾਰਮ ਕਸਟਮ CSS ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਐਜ ਕੇਸਾਂ ਲਈ ਓਵਰਰਾਈਡ ਸ਼ਾਮਲ ਕਰੋ ਜਾਂ ਵਿਜ਼ੂਅਲ ਐਡੀਟਰ ਵਿੱਚ ਉਪਲਬਧ ਨਾ ਹੋਣ ਵਾਲੇ ਐਡਵਾਂਸਡ ਸਟਾਈਲਿੰਗ ਨੂੰ ਲਾਗੂ ਕਰੋ। ਐਡਵਾਂਸਡ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਲੋੜੀਂਦੀ ਲਚਕਤਾ ਮਿਲਦੀ ਹੈ।
