{"id":17519,"date":"2023-05-21T11:58:02","date_gmt":"2023-05-21T04:58:02","guid":{"rendered":"https:\/\/www.hostify.vn\/blog\/?p=17519"},"modified":"2023-05-21T11:58:02","modified_gmt":"2023-05-21T04:58:02","slug":"huong-dan-su-dung-ninja-form","status":"publish","type":"post","link":"https:\/\/www.hostify.vn\/blog\/huong-dan-su-dung-ninja-form\/","title":{"rendered":"T\u1ea1o form c\u1ef1c nhanh trong WordPress b\u1eb1ng Ninja Forms"},"content":{"rendered":"

Kh\u00f4ng website n\u00e0o \u0111\u01b0\u1ee3c xem l\u00e0 ho\u00e0n ch\u1ec9nh khi thi\u1ebfu form li\u00ean h\u1ec7. C\u00f2n c\u00e1ch n\u00e0o t\u1ed1t h\u01a1n \u0111\u1ec3 b\u1eaft \u0111\u1ea7u tr\u00f2 chuy\u1ec7n v\u1edbi kh\u00e1ch gh\u00e9 th\u0103m, c\u0169ng nh\u01b0 nh\u1eefng ng\u01b0\u1eddi th\u01b0\u1eddng xuy\u00ean theo d\u00f5i b\u1ea1n? V\u1edbi h\u01a1n 1 tri\u1ec7u l\u01b0\u1ee3t c\u00e0i \u0111\u1eb7t, \u0111\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 4.5 sao tr\u00ean kho add-on c\u1ee7a WordPress, Ninja Forms \u0111\u01b0\u1ee3c xem l\u00e0 tr\u00ecnh t\u1ea1o form d\u1ec5 s\u1eed d\u1ee5ng nh\u1ea5t hi\u1ec7n nay. Nhi\u1ec1u kh\u00e1ch h\u00e0ng n\u1ed5i ti\u1ebfng \u0111\u00e3 v\u00e0 \u0111ang s\u1eed d\u1ee5ng Ninja Forms bao g\u1ed3m Lucasfilm Ltd, The New York Times, v\u00e0 \u0110\u1ea1i h\u1ecdc Harvard.<\/p>\n

\u0110\u1ec3 s\u1eed d\u1ee5ng Ninja Forms, b\u1ea1n c\u1ea7n t\u00ecm v\u00e0 c\u00e0i \u0111\u1eb7t n\u00f3 trong kho add-on c\u1ee7a WordPress, sau \u0111\u00f3 k\u00edch ho\u1ea1t add-on v\u1eeba c\u00e0i.<\/p>\n

B\u00e2y gi\u1edd ch\u00fang ta s\u1ebd t\u00ecm hi\u1ec3u c\u00e1c ch\u1ee9c n\u0103ng c\u1ee7a Ninja Forms:<\/p>\n

T\u1ea1o form b\u1eb1ng Ninja Forms<\/strong><\/h3>\n

Trong dashboard WordPress, b\u1ea5m Add New<\/strong> d\u01b0\u1edbi menu Ninja Forms. <\/strong>(b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 b\u1ea5m Add New Form<\/strong> t\u1ea1i trang All Forms<\/strong>).<\/p>\n

\"T\u1ea1o<\/p>\n

D\u00f9ng template trong Ninja Forms<\/strong><\/h3>\n

Khi t\u1ea1o m\u1ed9t form m\u1edbi, b\u1ea1n s\u1ebd c\u00f3 nhi\u1ec1u template \u0111\u1ec3 ch\u1ecdn. B\u1ea5m v\u00e0o m\u1ed9t template \u0111\u1ec3 t\u1ef1 \u0111\u1ed9ng \u00e1p d\u1ee5ng c\u00e1c tr\u01b0\u1eddng v\u00e0 ki\u1ec3u m\u1eabu v\u00e0o form c\u1ee7a b\u1ea1n.<\/p>\n

\"T\u1ea1o<\/p>\n

T\u1ea1o form m\u1edbi ho\u00e0n to\u00e0n<\/strong><\/h3>\n

Th\u00eam tr\u01b0\u1eddng<\/strong><\/h4>\n

\u0110\u1ec3 th\u00eam c\u00e1c tr\u01b0\u1eddng c\u1ee7a ri\u00eang b\u1ea1n, ch\u1ecdn template \u201cBlank Form\u201d v\u00e0 s\u1eed d\u1ee5ng n\u00fat Add Field <\/strong>m\u00e0u xanh \u1edf g\u00f3c d\u01b0\u1edbi b\u00ean ph\u1ea3i \u0111\u1ec3 m\u1edf ng\u0103n ch\u1ee9a c\u00e1c tr\u01b0\u1eddng.<\/p>\n

\"T\u1ea1o<\/p>\n

B\u1ea5m v\u00e0o, ho\u1eb7c k\u00e9o – th\u1ea3 c\u00e1c tr\u01b0\u1eddng t\u1eeb ng\u0103n ch\u1ee9a v\u00e0o v\u00f9ng b\u00ean tr\u00e1i.<\/p>\n

\"T\u1ea1o<\/p>\n

Khi \u0111\u00e3 th\u00eam tr\u01b0\u1eddng xong, b\u1ea5m Done.<\/strong><\/p>\n

\"<\/strong><\/p>\n

Ch\u1ec9nh s\u1eeda c\u00e1c thi\u1ebft l\u1eadp li\u00ean quan<\/strong><\/h4>\n

\u0110\u1ec3 thay \u0111\u1ed5i nh\u00e3n c\u1ee7a tr\u01b0\u1eddng, v\u1ecb tr\u00ed \u0111\u1eb7t nh\u00e3n, \u0111\u1eb7t tr\u01b0\u1eddng l\u00e0 b\u1eaft bu\u1ed9c\u2026, ch\u1ec9 c\u1ea7n b\u1ea5m chu\u1ed9t tr\u00e1i v\u00e0o tr\u01b0\u1eddng \u0111\u1ec3 m\u1edf ng\u0103n ch\u1ee9a thi\u1ebft l\u1eadp c\u1ee7a n\u00f3. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 b\u1ea5m v\u00e0o bi\u1ec3u t\u01b0\u1ee3ng b\u00e1nh r\u0103ng m\u00e0u xanh d\u01b0\u01a1ng \u0111\u1ec3 m\u1edf ng\u0103n ch\u1ee9a thi\u1ebft l\u1eadp c\u1ee7a tr\u01b0\u1eddng. Ng\u0103n ch\u1ee9a n\u00e0y s\u1ebd kh\u00e1c nhau t\u00f9y thu\u1ed9c m\u1ed7i lo\u1ea1i tr\u01b0\u1eddng.<\/p>\n

\"T\u1ea1o<\/p>\n

Nh\u00e2n \u0111\u00f4i ho\u1eb7c X\u00f3a tr\u01b0\u1eddng<\/strong><\/h4>\n

R\u00ea chu\u1ed9t l\u00ean bi\u1ec3u t\u01b0\u1ee3ng b\u00e1nh r\u0103ng m\u00e0u xanh d\u01b0\u01a1ng trong m\u1ed7i tr\u01b0\u1eddng \u0111\u1ec3 th\u1ea5y bi\u1ec3u t\u01b0\u1ee3ng nh\u00e2n \u0111\u00f4i (duplicate) v\u00e0 x\u00f3a (delete).<\/p>\n

\"T\u1ea1o<\/p>\n

Xem tr\u01b0\u1edbc form<\/strong><\/h3>\n

Xem tr\u01b0\u1edbc m\u1ecdi thay \u0111\u1ed5i tr\u01b0\u1edbc khi \u00e1p d\u1ee5ng n\u00f3 cho m\u1ecdi ng\u01b0\u1eddi d\u00f9ng gh\u00e9 th\u0103m trang b\u1eb1ng n\u00fat Preview <\/strong>(h\u00ecnh con m\u1eaft)<\/p>\n

<\/p>\n

Xu\u1ea5t b\u1ea3n form<\/strong><\/h3>\n

Khi \u0111\u00e3 s\u1eb5n s\u00e0ng \u0111\u1ec3 th\u1ef1c hi\u1ec7n thay \u0111\u1ed5i tr\u00ean trang, b\u1ea5m n\u00fat Publish.<\/strong><\/p>\n

\"T\u1ea1o<\/strong><\/p>\n

Th\u00eam form v\u00e0o trang ho\u1eb7c b\u00e0i vi\u1ebft, ho\u1eb7c t\u1ea1o li\u00ean k\u1ebft c\u00f4ng khai<\/strong><\/h4>\n

C\u00e1ch 1: d\u00f9ng block \u201cAdd Form\u201d (\u00e1p d\u1ee5ng cho WordPress 5.0 tr\u1edf l\u00ean)<\/strong><\/p>\n

V\u1edbi b\u1ea3n c\u1eadp nh\u1eadt Gutenberg, b\u1ea1n c\u00f3 th\u1ec3 th\u00eam form v\u00e0o trang ho\u1eb7c b\u00e0i vi\u1ebft b\u1eb1ng block Ninja Forms.<\/p>\n

Khi ch\u1ec9nh s\u1eeda trang hay b\u00e0i vi\u1ebft, b\u1ea5m bi\u1ec3u t\u01b0\u1ee3ng block v\u00e0 t\u00ecm Ninja Form.<\/strong><\/p>\n

\"T\u1ea1o<\/strong><\/p>\n

Khi b\u1ea5m v\u00e0o block Ninja Form, <\/strong>m\u1ed9t menu dropdown s\u1ebd xu\u1ea5t hi\u1ec7n \u0111\u1ec3 b\u1ea1n ch\u1ecdn form mong mu\u1ed1n.<\/p>\n

\"T\u1ea1o<\/p>\n

\"T\u1ea1o<\/p>\n

Khi \u0111\u00e3 ch\u1ecdn m\u1ed9t form, block s\u1ebd refresh, ch\u00e8n n\u00f3 v\u00e0o trong trang ho\u1eb7c b\u00e0i vi\u1ebft.<\/p>\n

\"T\u1ea1o<\/p>\n

C\u00e1ch 2: D\u00f9ng shortcode<\/strong><\/h3>\n

Trong dashboard c\u1ee7a Ninja Form, b\u1ea1n s\u1ebd \u0111\u1ec3 \u00fd th\u1ea5y m\u1ed7i form t\u1ea1o ra c\u00f3 m\u1ed9t shortcode \u0111\u1eb7c tr\u01b0ng.<\/p>\n

\"T\u1ea1o<\/p>\n

Trong tr\u00ecnh bi\u00ean t\u1eadp trang ho\u1eb7c b\u00e0i vi\u1ebft, b\u1ea1n c\u00f3 th\u1ec3 ch\u00e8n shortcode c\u1ee7a Ninja Form \u0111\u1ec3 nh\u00fang n\u00f3 v\u00e0o trong trang ho\u1eb7c b\u00e0i vi\u1ebft.<\/p>\n

C\u00e1ch 3: Append a Ninja Form<\/strong><\/h3>\n

Khi bi\u00ean t\u1eadp trang ho\u1eb7c b\u00e0i vi\u1ebft, trong sidebar \u1edf c\u1ea1nh ph\u1ea3i c\u1ee7a tr\u00ecnh bi\u00ean t\u1eadp, c\u00f3 m\u1ed9t t\u00f9y ch\u1ecdn l\u00e0 Append a Ninja Form. <\/strong>Ch\u1ecdn form b\u1ea1n \u0111\u00e3 t\u1ea1o t\u1eeb menu dropdown \u0111\u1ec3 ch\u00e8n form \u0111\u00f3 v\u00e0o cu\u1ed1i trang ho\u1eb7c b\u00e0i vi\u1ebft.<\/p>\n

<\/p>\n

C\u00e1ch 4: t\u1ea1o li\u00ean k\u1ebft c\u00f4ng khai<\/strong><\/h3>\n

Thay v\u00ec nh\u00fang form c\u1ee7a b\u1ea1n v\u00e0o b\u00e0i vi\u1ebft ho\u1eb7c trang, b\u1ea1n c\u00f3 th\u1ec3 mu\u1ed1n ng\u01b0\u1eddi d\u00f9ng truy xu\u1ea5t n\u00f3 tr\u1ef1c ti\u1ebfp th\u00f4ng qua m\u1ed9t li\u00ean k\u1ebft. B\u1ea1n c\u00f3 th\u1ec3 l\u00e0m \u0111i\u1ec1u n\u00e0y b\u1eb1ng c\u00e1ch b\u1ea5m v\u00e0o bi\u1ec3u t\u01b0\u1ee3ng li\u00ean k\u1ebft c\u1ea1nh n\u00fat Publish.<\/p>\n

<\/p>\n

<\/p>\n

Trong c\u1eeda s\u1ed5 hi\u1ec7n ra, k\u00edch ho\u1ea1t ALLOW A PUBLIC LINK <\/strong>(chuy\u1ec3n sang m\u00e0u xanh l\u00e1), sau \u0111\u00f3 sao ch\u00e9p URL t\u1eeb tr\u01b0\u1eddng b\u00ean d\u01b0\u1edbi. URL n\u00e0y c\u00f3 th\u1ec3 chia s\u1ebb v\u00e0 cho ph\u00e9p b\u1ea5t k\u1ef3 ai c\u00f3 li\u00ean k\u1ebft truy c\u1eadp form tr\u1ef1c ti\u1ebfp.<\/p>\n

L\u01b0u tr\u01b0\u1eddng \u0111\u1ec3 d\u00f9ng l\u1ea1i l\u1ea7n sau<\/strong><\/h4>\n

\u0110\u1ec3 l\u01b0u m\u1ecdi thi\u1ebft l\u1eadp tr\u01b0\u1eddng, bao g\u1ed3m nh\u00e3n, gi\u00e1 tr\u1ecb list, c\u00e1c style class\u2026\u0111\u1ec3 d\u00f9ng l\u1ea1i sau n\u00e0y, b\u1ea5m bi\u1ec3u t\u01b0\u1ee3ng ng\u00f4i sao trong ng\u0103n ch\u1ee9a thi\u1ebft l\u1eadp tr\u01b0\u1eddng. Thao t\u00e1c n\u00e0y s\u1ebd th\u00eam m\u1ed9t b\u1ea3n sao c\u1ee7a tr\u01b0\u1eddng v\u00e0o ng\u0103n ch\u1ee9a Add Field <\/strong>\u0111\u1ec3 ch\u00e8n v\u00e0o form hi\u1ec7n t\u1ea1i (ho\u1eb7c m\u1ed9t form kh\u00e1c) v\u1ec1 sau n\u00e0y.<\/p>\n

<\/p>\n

Nh\u01b0 b\u1ea1n th\u1ea5y, tr\u01b0\u1eddng s\u1ebd hi\u1ec7n ra trong ng\u0103n ch\u1ee9a Add field.<\/strong><\/p>\n

<\/p>\n

C\u00e1c t\u00ecm ki\u1ebfm li\u00ean quan \u0111\u1ebfn ch\u1ee7 \u0111\u1ec1 \u201cNinja Forms\u201d<\/h4>\n\n\n\n\n
\n
\n
\n
ninja forms\u00a0free<\/div>\n<\/div>\n<\/div>\n<\/td>\n
ninja forms\u00a0wordpress<\/td>\nninja forms\u00a0documentation\u00a0<\/td>\nninja forms\u00a0training\u00a0<\/td>\n<\/tr>\n
ninja forms\u00a0pro free download<\/td>\nninja forms\u00a0demo<\/td>\nninja forms\u00a0contact form<\/td>\nninja forms\u00a0review<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

B\u00e0i li\u00ean quan<\/strong><\/p>\n