2016-11-14 48 views
0

我正在嘗試向我的wordpress網站上的頁面添加等待列表按鈕功能。 基本上我需要在帶有頁面標題的URL中的查詢字符串中自動填充源鍵。在網頁中添加頁面標題以獲取密鑰以便在表單中使用 - WordPress網站

更多詳細信息:

我有按鈕鏈接到一個一般的等候名單形式,但我想從頁面標題中的產品信息進入一個文本字段。我可以通過在URL中使用源鍵來完成此操作。

我們有我們的產品上的投資組合後這裏等候名單按鈕上市:http://www.inventivewebdesign.com/renohifi/listings_portfolio/pass-labs-xa-160-8-monoblock-power-amps/

按鈕進入一種形式here與汽車在URL中源鍵填充一個文本字段。

因此,如果我使用鏈接:http://www.inventivewebdesign.com/renohifi/waitlist-request/?source=Pass%20Labs%20XA-160.8%20Monoblock%20Power%20Amps,源密鑰將使用「Pass Labs XA-160.8 Monoblock Power Amps」填充產品文本字段。這一切都很好!

現在,我想自動化按鈕的代碼,所以它總是將頁面標題作爲源鍵,所以我們不必爲每個按鈕手動輸入代碼。

我怎樣才能獲得頁面的標題自動填充在鏈接的URL查詢字符串,這樣的鏈接會http://www.inventivewebdesign.com/renohifi/waitlist-request/?source= {PAGE_TITLE}

僅供參考 - 我使用Visual Composer插件進行頁面佈局和按鈕創建。

更新: 我試圖用這樣的代碼:

<div class="vc_btn3-container vc_btn3-center"> 
    <a title="Waitlist - <?php the_title_attribute(); ?>" href="http://www.inventivewebdesign.com/renohifi/waitlist-request/?source=<?php echo get_the_title(); ?>"> 
     Add Me to the Waitlist 
    </a> 
</div> 

它是WordPress的編輯器,以便代碼是顯示不出來的代碼比任何其他。我希望標題顯示(我正在嘗試對頁面標題進行兩次不同的調用)。您可以在上面第一個鏈接的第2個「將我添加到願望列表」按鈕中看到此內容。

回答

0

在JavaScript中,您可以使用document.title從DOM獲取頁面標題,該值使用encodeURIComponent()函數進行編碼。

您的網址爲JavaScript字符串:

var url = "http://www.inventivewebdesign.com/renohifi/waitlist-request/?source=" + encodeURIComponent(document.title); 

我無法找到頁面上的URL任何引用您聯繫。

編輯:要使用PHP編碼標題字符串,您需要使用urlencode()函數。

模板代碼:

<div class="vc_btn3-container vc_btn3-center"> 
    <a title="Waitlist - <?php the_title_attribute(); ?>" href="http://www.inventivewebdesign.com/renohifi/waitlist-request/?source=<?php echo urlencode(get_the_title()); ?>"> 
    Add Me to the Waitlist 
    </a> 
</div> 
+0

請參閱上面的代碼,它位於上面第一個鏈接中的第二個Add to Waitlist按鈕上。 – MattM

0

我做到了通過添加一個短代碼來代替:

function shortcode_waitlist($atts){ 

    $pagetitle = get_the_title(); 
    $link = '<div class="vc_btn3-container vc_btn3-center"><a class="vc_general vc_btn3 vc_btn3-size-lg vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-block vc_btn3-color-primary" href="http://www.inventivewebdesign.com/renohifi/waitlist-request/?source='.$pagetitle.'" title="Waitlist - '.$pagetitle.'">Add Me to the Waitlist</a></div>'; 

    return $link; 
} 

add_shortcode('waitlist_button', 'shortcode_waitlist'); 

然後,只需在頁面中使用[waitlist_button。

感謝您的建議,他們幫助我到達需要去的地方。

相關問題