モバイルアプリが、サクッと簡単に!
公式アプリでもっと多くの顧客のリピートやLTVを向上しましょう。もちろんコーディングは、一切不要です!
レゴ感覚でアプリのデザインを組み立てる
レゴのようにパーツを組み立てることで、アプリのデザインをカスタマイズすることができます。開発チームを挟まずに担当者だけでデザインの変更が可能に!
サポートチームがあなたを全面バックアップ
24時間365日、サービス内からチャットでサポートチームに質問することができます。わからないことは質問してサクッと解決しましょう!
ご利用中のプラットフォームを選択してください
連携プラットフォーム
Appifyは世界ナンバー1のShopify・日本ナンバー1のBASEと連携しており、どの事業規模のショップ様もご利用することができます
アプリが作れる体験を、今すぐはじめよう
✅ フリートライアル / ✅ クレジットカード不要
デザインしたアプリはプレビュー機能でリアルタイムに確認することができます
© Copyright 2021 Appify Technologies, Inc.
サブページ
ページ素材
コード
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-W75G6T9WCH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-W75G6T9WCH');
</script>
<!-- Channel Plugin Scripts -->
<script>
(function() {
var w = window;
if (w.ChannelIO) {
return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.');
}
var ch = function() {
ch.c(arguments);
};
ch.q = [];
ch.c = function(args) {
ch.q.push(args);
};
w.ChannelIO = ch;
function l() {
if (w.ChannelIOInitialized) {
return;
}
w.ChannelIOInitialized = true;
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js';
s.charset = 'UTF-8';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
if (document.readyState === 'complete') {
l();
} else if (window.attachEvent) {
window.attachEvent('onload', l);
} else {
window.addEventListener('DOMContentLoaded', l, false);
window.addEventListener('load', l, false);
}
})();
ChannelIO('boot', {
"pluginKey": "1c7dd813-2764-4ef6-9008-aa63894aaa89"
});
</script>
<!-- End Channel Plugin -->
<style>
:root {
--color-text-default: #1C1F1E !important;
--color-text-gray: #6F7882 !important;
--color-bg-default: #F9FAFB !important;
}
/* --- NAVIGATION --- */
/* Hide the Notion nav bar and header title */
.notion-navbar {
display: none !important;
}
.notion-header {
display: none !important;
}
/* Custom nav styling (see HTML at bottom of code) */
.nav {
align-items: center;
padding: 24px;
display: flex;
position: static;
z-index: 9999;
height: 88px;
width: 100%;
flex-direction: row;
justify-content: space-between;
}
.nav .right, .nav .left {
display: flex;
margin-bottom: 0.25em;
}
.nav-link {
justify-content: center;
align-items: center;
display: flex;
height: 100%;
font-size: 16px;
font-weight: 600;
color: var(--color-text-default);
text-decoration: none;
}
.nav-img {
height: 40px;
}
/* --- Heading styles --- */
h1.notion-heading {
font-size: 2.25rem !important;
line-height: 1.5 !important;
}
h2.notion-heading {
font-size: 1.75rem !important;
line-height: 1.6 !important;
}
.notion-text__content {
font-size: 1.125rem !important;
line-height: 1.6 !important;
}
/* --- CONTENT STYLING --- */
/* --- Adjust the max width of pages --- */
.super-content.max-width, .notion-header__content.max-width {
max-width: 1080px !important;
}
/* --- Style the buttons --- */
.notion-callout {
border-radius: 100px !important;
position: relative !important;
padding: 16px 24px !important;
border: none !important;
background: #00A0A3 !important;
box-shadow: 0 10px 20px -10px #00A0A3 !important;
}
.notion-callout a {
letter-spacing: -0.5px !important;
padding: 0 0 2px 66px !important;
align-items: center !important;
position: absolute !important;
font-weight: 600 !important;
display: flex !important;
border: none !important;
color: #fff !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
top: 0 !important;
}
/* --- PROJECTS PAGE --- */
/* Hide cover image from page headers */
.notion-header__cover {
display: none !important;
}
/* --- MISC --- */
/* Hide notion toggle - a hack to hide child pages, drag them into a toggle and they'll disappear */
.notion-toggle {
display: none !important;
}
</style>
<!-- CUSTOM NAVIGATION -->
<nav class="nav">
<div class="left">
<a class="nav-link" href="/">
<img class="nav-img" src="https://firebasestorage.googleapis.com/v0/b/appify-inhouse.appspot.com/o/image.png?alt=media&token=1cc78d70-4d7f-4f85-9e5d-2d638f8b79b7"/>
</a>
</div>
<div class="right">
<a class="nav-link" href="https://admin.appifyservice.com/login">ログイン</a>
</div>
</nav>