A call to action (CTA) button is a clickable element on a website that provokes users to complete specific actions like purchasing, subscribing to a service, signing up for newsletters, downloading ebooks, etc.
There are numerous ways to add CTA buttons to a website. In this post, we’ll show you several easy ways how to create a call to action button in WordPress that hooks users.
- Method 1: ボタンブロックを使う
- Method 2: Ultimate Blocksプラグインを使う
- 方法3： Tablebergプラグインの使用
美しいテーブルを作る
ブロックエディター付き
方法1：ボタンブロックを使う
WordPressには、CTAボタンを作成できるデフォルトのButtonsブロックが用意されています。
Open a post or page. Find and add the default Buttons block をブロックエディタで開き、投稿エディタまたはページエディタに移動します。
After the block is added, place your cursor on the button and type your CTA copy (1).では change its alignment (2)置きたい場所。最後に、目的地 link to the button (3).
Select the button block again by placing your cursor on it. You’ll get the customization options appear on the right sidebar. You’ll get the 設定 そして スタイル tab there.
Using these two tabs, you can change the button size, button background color, text color, typography, etc.
方法2：Ultimate Blocksプラグインを使う
アルティメット・ブロック は、25以上の素晴らしく便利なカスタムGutenbergブロックを備えた人気のGutenbergブロックプラグインです。このプラグインは、多くの高度な機能を備えたCTAボタンを作成し、サイトに追加することもできます。
に移動する。 プラグイン > 新規プラグインの追加. Type アルティメット・ブロック in the top-right search box. インストール そして アクティブ化 the plugin after it appears below.
Open the Gutenberg editor again and type ボタン または Button (Improved) in the search box. Hit on the respective block to the editor marked in the image below.
Following the same above methods, add your desired CTA copy, link, and alignment to the button.
Come to the right sidebar. You’ll get more options than the default button block. From the 設定 tab, you can customize the button justification, orientation, size, and width.
You can also add an icon, change its position, and hide the button block for particular devices.
Next, land on the スタイルタブ. You can change the button radius, make the button transparent, button color, text color, hover color, and its dimension size.
方法3：Tablebergプラグインを使用する
テーブルにCTAボタンを追加したい場合、Tablegergプラグインが役立ちます。このプラグインを使えば、様々なブロックを追加して、素晴らしい汎用性の高いテーブルを作成することができます。
インストール そして アクティブ化 その テーブルガー plugin the same way as shown above.
Come to your post. Add the テーブルバーグ・ブロック to the editor. Add the テーブルバーグ・ブロック to it.
Define the row and column numbers as you need.
Start adding content to its rows and columns. Once you select any cell, you’ll be allowed to add different types of blocks into the cell. You can see that we have already added some text and image content on its left and middle columns.
We will add a CTA button to its right column. Select a cell on the column and choose the ボタンブロック.
Now, in the same way, add a copy to the button. Alongside, customize it from the スタイル タブをクリックしてください。
You can customize the button color, background color, hover color, typography, border radius, etc.
フィニッシング・ノート
So, now you know how simple it is to create call-to-action buttons in WordPress. But remember that creating a button isn’t enough. You must give it a captivating look and display it in the right places so it can drag people’s attention and help you bring conversions.
Learn ワードプレスで比較表を作成する方法.
