makeshopのカスタムについて

Question

ECマスターズ　ご担当者様

お世話になります。
makeshopのカスタムについて質問です。

添付画像のように新規会員登録と
ライン@のバナーを張り付けたいのですが
どのようにすればよいでしょうか？

対象URL https://www.orlo-matsuge.com/

※スマホにてご確認宜しくお願い致します。

画像URL

新規会員登録　https://gigaplus.makeshop.jp/orlo/2097485-b-01-01.png

ライン@    https://gigaplus.makeshop.jp/orlo/2097485-b-01-02.png

スマホトップページhtml

-----------------------------------------------------------------------------------------------------



    







求めたのは圧倒的な硬化スピードと圧倒的な持続力


当店定番のまつげエクステグルー


アレルギー反応が出にくい、まつげエクステグルー





このページではインラインフレームを使用していますインラインフレームに未対応のブラウザをお使いの方は、こちらで内容をご確認いただけます。



















    
        おすすめ商品
        
    




        
         新着レビュー
                
        




    
        新商品
        
    



    
        カテゴリ一覧
        
        
        
    


まつげエクステ商材の国産グルー専門店オルロからのごあいさつ


まつげエクステ商材・国産グルー販売専門店 オルロにご来店いただき誠にありがとうございます。

当店は名前の通り、国産のまつげエクステンショングルーを専門に取り扱う業界初の国産まつげエクステグルー専門店となります。

オルロのグルーは製造も原材料も全て国産にこだわっております。

初めての方にも安心してご利用頂けるように、業界初の30日間返金保証制度をご用意致しております。

国産グルーに自信があるからこそ、多くの方にお試し頂きたいグルーとなっております。

当店の責任者は、某有名まつげエクステ 商材店で5年の店長経験を積み独立しました。

まつげエクステの商材の業界には約10年ほど携わっております。

オルロは今までの経験を活かし生産工場とまつげエクステ施術者と協力し
理想のまつげエクステグルーを作る為に新しく立ち上げた通販ショップです。

グルー選びで悩まれている方は、ぜひ一度当店のグルーをお試し下さい。

良いグルーを適正価格で販売し、1人でも多くのお客様に満足して頂きたいと思っております。

当店ならお客様の理想のグルーが必ず見つかるはずです！
国産グルー専門店オルロにお任せください。







---------------------------------------------------------------------------------------------------------

スマホトップページcss

.editArea {
font-size: 12px;
text-align: left;
width: 100%;
}


/*****************************************************

	ショップ案内文追加

*****************************************************/

.editArea2 {
font-size: 12px;
text-align: left;
width: 100%;
}


/*****************************************************

	レビュー用追加

*****************************************************/

.item .reviewRateStar{
        width:15px;
        height:15px;
        background-size:15px 15px;
        margin:0 0.5px;
}

.item .reviewCount{
        display:none;
}
.itemListReview{
        margin:10px auto 40px;
}

.itemListReview li{
        
        margin:0;
        display:block;
        border-bottom:1px solid #ccc;
}

.itemListReview a{
        display:block;
        padding:10px;
        box-sizing:border-box;
}

.itemListReview .itemBox{
        display:table;
}

.itemListReview .itemImg,
.itemListReview .itemDetail{
        display:table-cell;
        vertical-align:top;
}

.itemListReview .itemDetail{
        padding-left:5px;
}

.itemListReview .itemImg{
        width:80px;
}

.itemImg img{
        height:auto;
}

/*****************************************************

	ｈ3をピンクに

*****************************************************/

h3{
	color: #ff648e;
	padding-bottom: 5px;
        margin-top:20px;
        font-size:0.8em
}

---------------------------------------------------------------------------------------------

以上ご確認宜しくお願い致します。
ご回答宜しくお願い致します。###HR######IMG07d97a90ca9fffc56ee831db6b5cd30dd.jpegIMG0###

Accepted Answer

ECマスターズの田中です。

「新規会員登録で３００ｐｔプレゼント」の画像の位置に、
２つ画像を並べる形ですね。

その場合は、

■１．各ボタンの設置用タグを作成する
■２．ボタンが横２列に並ぶように、設置用タグ全体を作成する
■３．ページ内のご希望の位置に設置する

という流れで、作業を行っていただきますようお願いします。


■１．各ボタンの設置用タグを作成する

リンクを張ったバナーは、基本的に



という形式で作成することができます。

新規会員登録用のURLは、「新規会員登録で３００ｐｔプレゼント」と同じ
https://www.makeshop.jp/ssl/?ssltype=ssl_shop_member_entry&k=b3Jsb3w=
をご利用ください。

LINE@のURLは、LINE@のアプリより
「友だち」タブ→「URLを共有」と選択していただくことで
お調べいただくことができます。

新規会員登録・LINE@、それぞれに対して
リンク先URLと画像URLを置き換えて、
設置用のタグを作成していただきますようお願いします。


■２．ボタンが横２列に並ぶように、設置用タグ全体を作成する

２つのボタンの横幅合計を全体に比べ若干狭め（各４５％など）に設定し、
中央揃えにして、間を全角スペースで空ける方法が簡単です。

下記のようなイメージです。



全角スペース




■３．ページ内のご希望の位置に設置する

「新規会員登録で３００ｐｔプレゼント」の画像は、



上記タグによって設置されておりますので、
この前後に、もしくは置き換える形で、設置用のタグをご記載ください。

Answer

ECマスターズ　田中様

いつもお世話になります。

無事に設置が出来ました！

いつもご丁寧に教えて頂き大変感謝しております。

今後ともどうぞ宜しくお願い致します。