Diviプラグインのハイライト：予定をスケジュールするだけ

会議をスケジュールするための最も一般的な方法の1つは、お問い合わせフォームを使用することです。 これにより、メッセージが電子メールとして送信され、電子メールの会話が開始されます。 次に、電子メールに返信する必要があります。その後、返信して、前後の会話を作成します。 それは機能しますが、効率的ではありません。

より良いオプションは、スケジューリング用に設計されたプラグインを使用することです。 スケジューリングプラグインは、スケジュールを管理し、あなたとあなたのクライアントに予定を知らせ続けることができます。 そのようなプラグインの1つであるSimplySchedule Appointmentsは、Diviと統合して、可能な限り最高のスケジューリングエクスペリエンスを作成します。 この記事では、Simply Schedule Appointmentsを詳しく見て、何ができるかを見ていきます。

単にスケジュールの予定をインストールする

開発者のWebサイトからプラグインをダウンロードするか、WordPressプラグインダッシュボードで検索します。 インストールするには：

1. WordPressダッシュボードで、[プラグイン] > [新規追加]に移動します
2. 単に予定をスケジュールするを検索する
3. [今すぐインストール]をクリックします
4. プラグインがインストールされたら、[アクティブ化]をクリックします

WordPressダッシュボードで初めて[予定]を選択すると、ヘルプを使用したり、プラグインを手動で設定したりできる設定画面が設定されます。 ライセンスキーを入力してから、設定を設定します。

通常どおり設定を行います。 これには、予約の種類、空き状況、スケジュールオプション、Googleカレンダー、顧客情報、通知などが含まれます。予約の種類を相談電話として設定しました。

単に予定をスケジュールすると、ユーザーはあなたと対話することなく、Webサイトを通じて予定をスケジュールできます。 ユーザーは自分のタイムゾーンに基づいて予約を行います。 リマインダーは自動的に送信されます。 キャンセルポリシーを設定すると、プラグインがそれを適用します。 ユーザーは簡単にスケジュールを変更できます。 これにより、Diviで使用するのに最適です。

Diviで単に予定をスケジュールする

通常、ウェブサイトに予約フォームを配置するには、ショートコードを使用する必要があります。 単に予定をスケジュールすると、DiviBuilderに予定予約と呼ばれる新しいモジュールが追加されます。

モジュールは、複数ページのフォームをDiviレイアウトに埋め込みます。 最初のページには、フォームの目的、ユーザーのタイムゾーン、および日付と時刻を選択できるカレンダーに関する情報が表示されます。 利用可能な日付のみをクリックできます。

カレンダーは、次の日付のセットに移動するためのナビゲーション付きのスライダー内のボタンとして毎日表示されます。 左上隅にある戻る矢印を使用すると、前のページに戻ることができます。 クリック可能な日付には境界線があり、ホバーすると色が変わります。 このほとんどは、モジュール内で調整およびスタイル設定できます。

日付をクリックすると、次のページが開き、利用可能な時間が表示されます。

時間をクリックすると次のページが開き、名前とメールアドレスを入力して予約を入れることができます。

ユーザーがアポイントメントを予約すると、アポイントメントに関する情報を確認できる[ありがとうございます]画面が表示されます。 情報には、予定の種類、タイムゾーンの日付と時刻、名前、電子メール、およびカレンダーに保存するためのボタンが含まれます。 カレンダーボタンをクリックすると、Googleとその他のオプションが開きます。 また、フォームの下部で新しい予定を編集、再スケジュール、キャンセル、およびスケジュールすることもできます。

アポイントメントモジュールの設定をスケジュールするだけです

設定は簡単です。 このモジュールには、背景、境界線、アニメーションなどの一般的な設定は含まれていません。[コンテンツ]タブには、表示する予約の種類を選択できる[予約の種類]が含まれています。 利用可能な予約の種類は、プラグインの設定画面で設定したものです。 私のオプションは、[すべて選択]と[相談電話]です。

[デザイン]タブには、フォントファミリ、色、およびパディングが含まれています。 フォントファミリーでは、フォント、フォントの太さ、スタイルを選択できます。

色には、アクセントカラーと背景色が含まれます。 アクセントカラーは、戻る矢印、鉛筆アイコン、および日付のホバー状態に適用されます。

パディングはスライダーで制御され、パディングユニットを選択できます。 ピクセルとパーセンテージを含む5つのオプションから選択します。

パディングはすべての側に追加されます。 VisualBuilderではパディングは表示されません。 ライブページで100pxがどのように表示されるかを次に示します。

[詳細設定]タブには、CSS IDとクラス、カスタムCSS、可視性、遷移、位置、およびスクロール効果の設定が含まれています。

モジュールは応答性があるため、列の幅が全幅を表示するのに十分でない場合は、日付がスタックされます。

多くの調整はありませんが、フォームをDiviWebサイトに統合するだけで十分です。 たとえば、モジュールのボックスシャドウは含まれていません。 ここに追加しました。 これは、他のモジュールがない単一列の行に最適です。

フォームのデフォルトのスタイリング

ダッシュボードメニューの[設定]画面またはモジュール自体からフォームのスタイルを設定することもできます。 アクセントカラー、背景色、フォントファミリー、パディングを調整したり、コントラストモードを有効にしたり、カスタムCSSを使用したりできます。 これは、モジュール内でスタイルを設定しない限り、フォームが使用するデフォルトのスタイルになります。

今後の予定リスト

誰かがあなたのDiviフォームを介して予定を作成すると、ダッシュボードメニューの予定のリストにその予定が表示されます。 このリストをフィルタリングしてエクスポートし、今後、過去、または特定の日付範囲で予定を表示できます。 いずれかをクリックすると、キャンセルまたは詳細を表示するための一連のオプションが開きます。

単に予定をスケジュールするDiviの例

この例では、Renovationレイアウトパックの連絡先ページにある連絡フォームをSimply ScheduleAppointmentsモジュールに置き換えました。 レイアウトの色を使用して、背景を大胆な黄色にし、アクセントカラーを黒にしました。

これは2ページ目です。 利用可能な時間を表示します。 ホバーするとボタンが黒に変わります。

お名前とメールアドレスを入力するフォームです。 フィールドのあるフォームの背景は白です。 フォームのこの部分は、通常の設定では調整できません。 それは見事に目立ち、レイアウトと見栄えがします。

これがありがとうフォームです。 また、白い背景を表示します。 すべてのリンクを画面に配置するようにサイズを変更しましたが、小さなスペース内でも見栄えがします。

価格

利用可能なSimplyScheduleAppointmentsにはいくつかのバージョンがあります。 Diviモジュールは、無料バージョンを含む各バージョンにあります。 有料版には、Googleカレンダー、PayPal、Google Analytics、Gravity Forms、Facebook Pixel、Mailchimp、Stripeなどの統合が含まれています。 購入オプションは次のとおりです。

• 無料–Diviモジュールが含まれています
• プラス– 99ドル、Googleカレンダー、カスタムフィールド、Mailchimp統合、クラス、グループイベントが含まれます
• Professional – 199ドル、支払い、Webhook、メールリマインダー、目標の追跡、ライブサポートを追加

終わりの考え

これが、DiviのSimply ScheduleAppointmentsの外観です。 プラグインはDiviでうまく機能します。 モジュールは使いやすいと思いました。 Diviモジュールに標準である多くのスタイリング機能が欠けています。 一部のスタイリングはCSSで行うことができます。 フォントの色、境界線、ボックスの影などの標準設定を追加してもらいたいのですが、レイアウトに合わせて素敵なスタイリングを得ることができました。

モジュールはうまく機能します。 それはうまくサイズ変更します。 フォームはユーザーにとってシンプルで直感的です。 ダッシュボードは、ショートコードまたはDiviモジュールのどちらを使用しているかに関係なく同じように機能します。 Diviでスケジューリングプラグインを使用することに興味がある場合は、Simply ScheduleAppointmentsが必要なプラグインである可能性があります。

我々はあなたから聞きたい。 DiviでSimplySchedule Appointmentsを試しましたか？ コメントであなたがそれについてどう思うか教えてください。

VectorKnight /shutterstock.com経由の注目の画像