如何在我自己的HTML中使用Wordpress Contact Form 7？

我想在我的網站上使用Wordpress Contact Form 7，但我已經有了一個HTML/CSS佈局。所以，我想修改插件以使用該自定義HTML代碼。如何在我自己的HTML中使用Wordpress Contact Form 7？

<form id="contact_form" action="" method="post">        
    <div> 
     <label for="contact_name">Nombre</label> 
     <input id="contact_name" type="text" required aria-required="true" placeholder="Nombre"> 
    </div> 
    <div> 
     <label for="contact_email">Email</label> 
     <input id="contact_email" type="mail" name="email" required aria-required="true" placeholder="[email protected]"> 
    </div> 
    <div id="area_message"> 
     <label for="contact_message">Mensaje</label> 
     <textarea id="contact_message" type="mail" required aria-required="true" placeholder="Mensaje"></textarea> 
     <input id="contact_btn" type="submit" value="enviar"> 
    </div> 
</form>

我的問題是：我一定要修改這個代碼的一些聯繫表7的代碼，或者我應該包括到插件管理呢？

來源

2013-08-20 javier_el_bene

無需修改任何內容。聯繫表格7支持開箱即用。您是否嘗試過使用它或查看過文檔？如果是這樣，什麼是或不是爲你工作？基於以下

聯繫表7的評論

更新給你，你產生的每一個領域的簡碼。您可以在HTML中將「簡碼」封裝在「表格」部分。使用你在你的問題中提供的示例中，應該是這樣的：

<div> <label for="contact_name">Nombre</label> [text* your-name 20/40 class:required "John Smith"] </div>

你並不需要在<form>標籤來包裝這個 - 聯繫表7確實已經（和分配一個ID）。

在您的WordPress文本編輯器中，使用Contact Form 7界面頂部提供的表單簡碼來顯示您的最終輸出。如果您更願意把這個在PHP模板，使用此：

<?php echo do_shortcode("SHORTCODE GOES HERE"); ?>

聯繫表7還具有郵件，在這裏你將確定郵件應該向誰和來自部分。某些託管服務提供商（例如Dream Host）要求FROM電子郵件與站點本身相同（http://example.com上的表單需要發送來自[email protected]的電子郵件或類似的地址）。爲了確保您仍然可以回覆到正確的地址，您將添加一個ReplyTo頭是這樣的：

Reply-To: [email]

只有改變[email]以等額返還您的電子郵件領域的簡碼輸出了。

但嚴重的是，這些東西都是爲了聯繫表7的文檔中：http://contactform7.com/docs/

來源

2013-08-21 03:02:39

是的，我已經檢查的文件，並在所有我見過的文檔，他們把這樣的代碼：文本*你的名字20/40級：需要「約翰史密斯」]。我想知道我是否可以直接在HTML代碼中使用插件。爲了完成電子郵件發送，我必須對上述代碼進行哪些更改？現在，沒有做任何事情。 –

根據您在這裏的評論更新我的答案。 –

如何在我自己的HTML中使用Wordpress Contact Form 7？

回答

相關問題