Social media template queries Answered

June 09, 2024 16:13
14 comments

Hi, I'm trying to get the memberstack "social media template" to take user posts and add them as items in the Webflow CMS collection. On the live site (test mode) the user is able to see the posts when logged in, but the posts don't get added to the collection. Does anyone know how to do this?

Comments

14 comments

Manuel Ogomigo
- June 09, 2024 16:15
Yeah you can do this using make, and add them directly to Webflow CMS.

Here's how the scenario would work
First set up your CMS if you haven't.
Users CMS and Post CMS.

Users CMS should have member ID field, that can be the memberstack member id.

And posts should have a reference field for Users

Now set when a Webhook to first check the user member id and create the post, which is then rhen it added to Webflow CMS.

Optional if not added (simple code to filter posts and only show current posts maybe in profile)
I can help you with it, if that's okay with you ☺️

0
Duncan from Memberstack
- June 09, 2024 16:16
+1 to what Manuel said.

Schuyler Vandersluis have you had a chance to watch the tutorial videos on that project?

0
Jack Ellis
- August 25, 2024 14:39
Building out a social media type website. How can I link to a member specific page within a CMS collection called "profiles". The website I'm working on similar to the memberstack template where there is "people" and "posts". I found this video(https://www.youtube.com/watch?v=HWBRzjq0gIs), but it's using memberstack v1 code. I'd also like to avoid adding in links to each cms item. If this is the only way to achieve then what would be the correct flow for make to generate these links as a user signs up?

I already have implemented both a CMS ID and Member ID in the collection. For instance, I already implemented the script to allow the user to edit their own profile. https://www.memberstack.com/scripts/show-element-if-attribute-matches-member-id

I just need to somehow grab the user's profile link from the collection. I've tried everything with chatgpt and altering some of the memberscriptsd

Thanks in advance!

0
Lucas Talebli
- August 25, 2024 14:41
If I'm understanding you correctly - I would think using a single "Profile" page with a default layout, then when you click the link to navigate to their profile page, have it add a URL parameter to the end of the link and use that parameter on the next page to find and pull specifically that member's info. Does Memberstack allow for this?

0

Jack Ellis

August 25, 2024 14:43

I'm not quite sure what you mean by that.

BASED ON CUSTOM ATTRIBUTE MEMBER ID -->

<script>
document.addEventListener("DOMContentLoaded", function() {
 document.getElementById('my-profile-link').addEventListener('click', function(event) 
{ 
event.preventDefault(); // Prevent default link behavior 
const memberId = document.getElementById('my-channel-link').getAttribute('ms-code-member-id'); 
if (memberId) { 
const profileUrl = 'https://www.mysite.com/profile/' + memberId; 
window.location.href = profileUrl; 
} 
}); 
}); 
</script>

This code works, but it will display the memberID within the link. I need it to fetch the logged in user's profile slug

My idea was to fetch the signed in user's memberID from the cms and thetn somehow link their slug field to that.... if that makes sense

Lucas Talebli
- August 25, 2024 14:48
Maybe store the profile slug as metadata in their Memberstack profile, and then use the memberID to fetch the slug and append it to the url. Just not sure about the ability to do vice versa when landing on the profile page with that slug.. not sure how you can do lookups across all member profiles in Memberstack to find whose slug it is to then be able to grab their data

0
A J
- August 25, 2024 14:49
Hey Jack Ellis, have you set the member specific page as a login redirect by any chance in Memberstack?

Approach 1: If you have set the login redirect to a member-specific page, then you can directly access this page without code, using an attribute data-ms-action=login-redirect
You can assign this attribute to any button, and this would take the user to the page they are usually redirected to upon login, in your case it can be member-specific page.

Approach 2: Say you have a different login redirect setup already for the user flow and don't want to change that, you can add a custom field in Memberstack for each member and you can update this field whenever a user is created on memberstack via make workflow and instead use this memberscript to do the exact same thing but via a different attribute this time ms-code-field-link

0
Jack Ellis
- August 25, 2024 14:50
AJ I looked into that... but wouldn't I have to manually assign a page for every member? This is a process that needs to be automated because of the shear amount of users on the site

0
Lucas Talebli
- August 25, 2024 14:51
That's why you shouldn't use CMS for profiles.. have 1 profile page and then pull their info from their unique ID in the url

Building a social platform reliant on a CMS rather than a DB might be a bit painful Godspeed tho Jack happy to help!

I honestly think it may be a little more difficult and time-consuming for you to create the MVP this way, considering the type of product you're building.. have you given a shot at using Wized yet?

0
A J
- August 25, 2024 14:51
Jack Ellis, yes true.

Do you have this link stored in a custom field in Memberstack?
If yes, Approach 2 might be helpful.

0
Jack Ellis
- August 25, 2024 14:57
Agreed! Just trying to flesh out a MVP!

Wized to learn just seems fairly time consuming - I'd rather go from MVP, product fit analysis, and then just pay a someone/company to build it the right way with Next

There are multiple problems with having a separate page like "My Profile". Specifically with referencing posts and other profiles, you need to have a CMS page. I'll look into the above memberscript and I also haven't looked into the metadata approach yet.

Thank you all for the help thus far

0
Lucas Talebli
- August 25, 2024 14:59
It can be intimidating at first - but a total breeze to use after wrapping your head around the general concept. Tons of great resources they provide on getting started as well! Makes sense though. Best of luck to ya!

0
Jack Ellis
- August 25, 2024 15:01
Thanks for the help! I appreciate it!

Realized you can automate the login-redirect via Make. Phew!! Thanks all 🙂

0
A J
- August 25, 2024 15:01
Jack Ellis, Yes exactly. Welcome 😇

0

Please sign in to leave a comment.