<aside> <img src="/icons/list_gray.svg" alt="/icons/list_gray.svg" width="40px" /> 目次

</aside>

【フッター設置】最終ステップにフッターを設置する方法

LPcatsでは、スワイプ型LPの最終ステップに特定商取引法に基づく表記 や プライバシーポリシー などのフッターを設置できます。

設定イメージを確認したい場合は、以下のデモページを参考にしてください。

demo

https://lpcats.com/demo/demo-step-footer.html

コードサンプル

HTML記述例

<style>
  .lpcats_sec {
    max-width: 750px;
    margin: 0 auto;
  }
  .container {
    background-color: white;
    margin: 10px 10px 0;
    padding: 43px 25px;
  }
  .lpcats_sec .container a {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .lpcats_sec .container a:hover {
    text-decoration: none;
  }
  .lpcats_sec .footer-section {
    margin: 0 10px;
  }
  .footer-section .footer-links {
    padding: 15px 10px;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 16px;
  }
  .footer-section .footer-links li {
    position: relative;
  }
  .footer-section .footer-links li::after {
    content: "";
    border-right: 1px solid #000000;
    padding-right: 10px;
  }

  .footer-section .footer-links li:last-child::after {
    content: none;
    border-right: none;
    padding-right: 0;
  }
</style>
<div class="lpcats_sec">
  <div class="container">
    <p>■見出し</p>
    <p>
      テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
    </p>
    <br />
    <p>■見出し</p>
    <p>
      トが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入
    </p>
    <br />
    <p>
      <a href="<https://lpcats.com/>" target="_blank"><https://lpcats.com/></a>
    </p>
    <br />
    <p>■見出し</p>
    <p>
      テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
    </p>
  </div>
  <div class="footer-section">
    <ul class="footer-links">
      <li><a href="<https://www.fcafe.com/company>">会社概要</a></li>
      <li>
        <a href="<https://www.fcafe.com/privacy>">プライバシーポリシー</a>
      </li>
      <li>
        <a href="<https://lpcats.com/terms>">特定商取引法に基づく表記</a>
      </li>
    </ul>
  </div>
</div>