資格試験・資格取得の情報サイト>公認会計士>★e受付リンクボタンの複数配置テンプレート

e受付リンクを複数配置するテンプレート

商品ページ内のネット申込ボタンからe受付の複数のページにリンクさせたい場合、下記のテンプレートを使用することができます。
「アコーディオン型」と「ボタン複数配置型」を用意しました。記述方法は下記をご確認ください。

使用方法

➀ 編集ページを開いて、当ブロックの下に配置されている「headセクションにタグを追加するプラグイン」をページ内に一つ配置してください。 ↓

② 下記のテンプレートのブロックをコピーして該当の商品ページに配置し、情報を更新してください。

アコーディオン表示のテンプレート

早割キャンペーン

アコーディオン表示

￥000,000キャンペーン前価格：￥000,000

  • 入会金

    ￥10,000

  • 申込締切

    ●●年●/●(●)

申込方法を見る

記述方法

➀ ネット申込ボタン部分の記述を変更します。 <p class="DTLconversion__button--internet"><a href="#" target="_blank" rel="noopener">インターネットで申込む</a></p> ↓ <p class="DTLconversion__button--internet"><a href="#" class="js-applyToggle" aria-expanded="false">インターネットで申込む</a></p> ② ボタンエリアの下にアコーディオンの記述を追加します。 <div class="DTLconversion__panelWrapper js-applyPanel" hidden> <div class="DTLconversion__panel"> <p class="DTLconversion__panelLead">コースを選択してください</p> <ul class="DTLconversion__grid"> <li><a class="DTLconversion__option" href="https://ec.tac-school.co.jp/リンクページ" target="_blank">教室講座【11月開講】</a></li> <li><a class="DTLconversion__option" href="https://ec.tac-school.co.jp/リンクページ" target="_blank">教室講座【12月開講】</a></li> <li><a class="DTLconversion__option" href="https://ec.tac-school.co.jp/リンクページ" target="_blank">教室講座【1月開講】</a></li> <li><a class="DTLconversion__option" href="https://ec.tac-school.co.jp/リンクページ" target="_blank">教室講座【2月開講】</a></li> </ul> </div> </div>

ボタン複数表示のテンプレート

早割キャンペーン（第1弾）

ボタンの複数表示

￥000,000キャンペーン前価格：￥000,000

  • 入会金

    ￥10,000

  • 申込締切

    ●●年●/●(●)

教室講座【11月開講】

教室講座【12月開講】

教室講座【1月開講】

申込方法を見る

➀外側のdivのクラス名を変更します。 <div class="DTLconversion__buttonArea"> ↓ <div class="DTLconversion__buttonAreaKamoku"> ②ネット申込のボタンをコピーしてラベルとリンクを修正します。 <p class="DTLconversion__button--internet"><a href="https://ec.tac-school.co.jp/mypage/login?mode=modal_login" target="_blank" rel="noopener">インターネットで申込む</a></p> ↓ <p class="DTLconversion__button--internet"><a href="https://ec.tac-school.co.jp/リンクページ" target="_blank" rel="noopener">ネット申込【A科目選択】</a></p> <p class="DTLconversion__button--internet"><a href="https://ec.tac-school.co.jp/リンクページ" target="_blank" rel="noopener">ネット申込【B科目選択】</a></p> <p class="DTLconversion__button--internet"><a href="https://ec.tac-school.co.jp/リンクページ" target="_blank" rel="noopener">ネット申込【C科目選択】</a></p>

商品ページ修正以外の対応方法

商品ページ → e受付申込 を円滑に進める対応として、現行のe受付の仕様に合わせて「e受付掲載依頼書」にて登録情報を修正する方法も考えられます。状況に応じてご検討ください。