ガイドテンプレートで変数を使った場合、プレーンテキスト側のリンクが変数になるのは直せるか？

お世話になります。freee 嶋田です。

今更ですが、自社のメールテンプレートをガイドテンプレートで作ろうと思い、試行錯誤中です。どこか専門の会社に依頼すればよかったのですが、社内にCSS/HTMLに詳しい人がいるので、いけるかなと思い内製をはじめました。

で、本題なのですが、モジュール付きのガイドテンプレートを使った場合、CTAリンクとかに変数が使われることになるのですが、①その変数がプレーンテキスト側に表示されてしまう ②プレーンテキストにCTA名やリンクがコピーされない という問題にあたっています。テンプレートの作り方の問題かなと思って調べているのですが、Marketoさんが提供されているテンプレートでも同じような現象になるようです。

この例では、CTAボタンは以下のように設定しています。

<div><a href="${cta-link-string}" target="_blank" class="cta_link" style="display: inline-block; margin-top: 5px; margin-bottom: 10px; padding: 0.6em 1.3em; text-decoration: none; background: ${backgroundcolor-cta}; color: #fff; font-size: 16px; border-radius: 8px;">${cta-text-string}</a></div>

ガイドテンプレートで、CTAのURLのところにURLを、CTAの文字にCTAに表示するテキストを入力します。サンプルとして「www.freee.co.jp/」「CTAリンクが入る」というように設定してみます。

すると、プレーンテキストにコピーすると、「${cta-text-string} <[[${cta-link-string}]]>」という表示になってしまい、「www.freee.co.jp/」「CTAリンクが入る」という内容はコピーされません。また、CTAの表示名に${cta-text-string} がそのまま表示されてしまうのもいただけません。

実際に送ってみると、一見リンクになっているように見えますが、リンクは設定した通り${cta-link-string}で設定されており、有効なリンクではないので表示することができません。

URLは手打ちするとコピーミスが起こったりするので、もし可能であれば、自動でコピーしてきたいと思っています。

どこかをいじるとコピーされるよ、よく分からないけどこの辺が怪しそうだ、いやこれは無理だったよ、などなど

何でもいいので、何かヒントをいただけると助かりますmm

どうぞよろしくお願いします。